Learn CSS margins in 4 minutes 📏

CSS margin tutorial example explained
#CSS #margin #tutorial
body{
margin: 0px;
}
#box1{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: greenyellow;
/*
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;
margin: 50px;
*/
margin-right: auto;
margin-left: auto;
}
#box2{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: dodgerblue;
}

[@BroCodez]

/* --------- style.css --------- */
body{
margin: 0px;
}
#box1{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: greenyellow;
/*
margin-top: 50px;
margin-left: 50px;
margin-bottom: 50px;
margin-right: 50px;

margin: 50px;
*/
margin-right: auto;
margin-left: auto;
}
#box2{
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: dodgerblue;
}

My first website


Lorem ipsum, dolor sit amet consectetur adipisicing elit. At alias velit, est omnis placeat ad saepe dolorum fugit mollitia deserunt delectus facere repellendus necessitatibus. Illum sapiente aliquam facilis reprehenderit soluta?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil dolores pariatur officiis neque est facere explicabo in sit error maiores. Iusto velit blanditiis, illo magnam eum ipsum. Porro, modi ducimus?

[@marcush3ll673]

I'm your fellow Bro ! 💕

[@pantegohummus8215]

I'm a visual learner and need to see something happen as it's being taught. This video is very helpful for me. Thank you !

[@lynn5004]

Me too!

[@princealiemmnauel6754]

this what the kind of video i love to watch, as u writing the code, its being executed at once and u will see it, thanks for splitting
ur screen and thanks for the lesson, i really appreciate

[@marcos7434]

THANK YOU. A LOT OF CONTENT IN 5 MINUTES. YOU'RE AWESOME!!!!!

[@bolarinwaosunsanya3516]

Thanks for shedding light on this. Really appreciate it.

[@addda1899]

Most underrated guy ive ever seen.
You deserve at least a milion subs..!

[@nhatbui229]

agreed

[@simonroyjonesuk]

Another fantastic video. You are the best for a quick understanding of a topic. It's also amazing how much you learn in such a short video. Thanks very much.

[@justchillin1012]

bro litteraly explained it so well

[@Binichmoses2]

Thanks alot! Right to the Point, simple and easily understandably visualized.

[@timix1624]

Great Video! Thanks.

[@silentEnigma0912]

This is the only css playlist that kept me engaged the whole time🥲

[@bluedownsit]

Explained relly well Thank You!

[@crazyboy-cw1om]

very good short explanation man.

[@nickshares4806]

solid video bro thanks

[@abduragoma1631]

U r real Chad BROO, U actually worth MOORE subscribers!!

[@letlearn7944]

explicated really well, thank you

[@reniside4357]

bro thanks for your help thus far, you have my sub 😎

[@siddharthbhagat8458]

so much of knowledge in very short video.

[@22a2a]

Amigo, eu nem falo seu idioma, mas aprendi mais com seu vídeo do que com muito material na minha língua natal!

[@Dankake23]

Understandble, have a good day!

[@gazanfaryusifli]

woow its amazing

[@nhatbui229]

Thank you for the teacher I never met

[@serial-killer2985]

bro you are a live saver

[@abhinavkumar4375]

well explained thank you

[@Faithful25]

You make everything easy

[@TheEvertonDias]

Thanks, Bro!

[@justinbanza4751]

Thank you very much for these videos

[@exe7909]

Can you do next is padding and there uses. Keep up the good work!

[@unaiskalathingal9539]

easily learn about margin and padding from this video.
thanks @bro code.

[@jaswindersinghgill8574]

how do you do it to the blue box move it right a few pxs

[@ProgrammingBD]

sir Good Video

[@OuroborosAMV]

if I want to move a picture to another section of the page I would use margin ?
seems easy enough, I was def getting padding and margin mixed up for sure, Thanks!

[@ravivyas1612]

This video is very helpful

[@marlinayden999]

in a div with a display of flex and warping is enabled, can you prevent the double margin of two elements? in just css no js?

[@spaaaaace8952]

Thank you.

[@MrLoser-ks2xn]

Thanks!

[@manuelalejandrogarciaandra5850]

I have one question. I tried to use margin auto with an icon of fontawesome, but it didn't work until I made its container flex, so in icons margin does not the margin propertie works? Thank you

[@Fadarabmii]

thanks man))

[@manuelantony3292]

simple and crisp

[@joshbrook4332]

helpful, thanks :)

[@ineffablemellifluous3489]

When u padding , does it affect the already written width and height?

[@user-eh2yv8fd5o]

醍醐灌顶，功德无量👍🏾👍🏾👍🏾

[@shvne1243]

THANK YOU

[@book2nez500]

Thank you

[@kartikchauhan2778]

Great

[@chiranthurs7610]

Thank you Sigma

[@MuhammadAbdullah-pn2si]

Thanks

[@nossir]

How can i understand pixels?

[@zaneyfolds2279]

thx a lot :)

[@geniosesnback2184]

tjanks😲

[@paolobena]

Thx

[@midgamer4254]

Tnx

[@noelbekele8193]

👍👍👍

[@fbffgf9693]

How to copy word to table

[@paper4]

Margin-right never works😢Please help

[@purplexionroblox]

600th like lez go

[@purplexionroblox]

ayyyy

[@user-nc5dz3yf3f]

siuuuu

[@suirvival3120]

That is hilarious thank you so much. Just one question. It seems simple but I couldn't do it. How can I put h1 and h2 and p under the same borderline and not separate. please or under the same square or rectangle or whatever it. But I want to put them under one the same roof.

[@yeralmuzika]

I think if I am understanding you correctly, you can just put all of them under 1 div element with an id attribute to add css styling.
Example:
Title1
Title2
Lorem ipsum dolor sit amet consectetur adipisicing elit. Impedit alias sunt doloremque obcaecati dolorem molestiae corrupti recusandae et natus numquam, magni temporibus. Error corrupti quisquam cum libero excepturi, quibusdam provident!
#box3 {
border: 5px solid;
width: 250px;
height: 250px;
font-size: 22px;
background: rgb(0, 128, 85);
color: aliceblue;
}

[@Mist_Ninjutsu]

bet

[@fyrukmcoo100]

:((

[@plexussolair7716]

Thank you.