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.

[@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.

[@Binichmoses2]

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

[@addda1899]

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

[@nhatbui229]

agreed

[@timix1624]

Great Video! Thanks.

[@jasonm47100]

Your videos are helping me out a lot . Helping me stay sane LOL. Thank you so much.

[@bluedownsit]

Explained relly well Thank You!

[@justchillin1012]

bro litteraly explained it so well

[@abduragoma1631]

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

[@letlearn7944]

explicated really well, thank you

[@nickshares4806]

solid video bro thanks

[@22a2a]

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

[@siddharthbhagat8458]

so much of knowledge in very short video.

[@silentEnigma0912]

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

[@reniside4357]

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

[@crazyboy-cw1om]

very good short explanation man.

[@abhinavkumar4375]

well explained thank you

[@nhatbui229]

Thank you for the teacher I never met

[@justinbanza4751]

Thank you very much for these videos

[@Faithful25]

You make everything easy

[@unaiskalathingal9539]

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

[@gazanfaryusifli]

woow its amazing

[@serial-killer2985]

bro you are a live saver

[@exe7909]

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

[@Dankake23]

Understandble, have a good day!

[@ProgrammingBD]

sir Good Video

[@ravivyas1612]

This video is very helpful

[@paoloanichini3953]

Bro Code is THE BEST TEACHER IN THE WORLD

[@TheEvertonDias]

Thanks, Bro!

[@manuelantony3292]

simple and crisp

[@joshbrook4332]

helpful, thanks :)

[@MrLoser-ks2xn]

Thanks!

[@spaaaaace8952]

Thank you.

[@shvne1243]

THANK YOU

[@kartikchauhan2778]

Great

[@Fadarabmii]

thanks man))

[@user-eh2yv8fd5o]

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

[@book2nez500]

Thank you

[@MuhammadAbdullah-pn2si]

Thanks

[@zaneyfolds2279]

thx a lot :)

[@geniosesnback2184]

tjanks😲

[@paolobena]

Thx

[@chiranthurs7610]

Thank you Sigma

[@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!

[@noelbekele8193]

👍👍👍

[@midgamer4254]

Tnx

[@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

[@ineffablemellifluous3489]

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

[@jaswindersinghgill8574]

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

[@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?

[@purplexionroblox]

600th like lez go

[@purplexionroblox]

ayyyy

[@user-nc5dz3yf3f]

siuuuu

[@nossir]

How can i understand pixels?

[@fbffgf9693]

How to copy word to table

[@paper4]

Margin-right never works😢Please help

[@Mist_Ninjutsu]

bet

[@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;
}

[@fyrukmcoo100]

:((

[@plexussolair7716]

Thank you.