Learn CSS height and width in 6 minutes! 📏

#CSS #course #tutorial
CSS height width box-sizing tutorial example explained

[@BroCodez]

Bro Code



This is #1


This is #2



/* style.css */
* {
box-sizing: border-box;
}
.container{
background-color: hsl(0, 0%, 24%);
height: 100vh;
}
.box{
background-color: hsl(0, 0%, 100%);
border: 2px solid;
padding: 25px;
height: auto;
width: 50%;
float: left;
text-align: center;
}

[@edgrafx6714]

Bro Code,
My name is Edgar..
Can you help me? I’m having problems with inner-width in the media queires at 400px max width
In the Body paragraphs, sentences and containers(boxes), narrow down way too thin.. what I’m I doing wrong?
Thanks!

[@valerioharvey7289]

I didn't expect the yo mom joke in a CSS tutorial 💀. Good one

[@JagTheRipper]

Who else was stunned by the mom joke and had to check the comment section XD Hahaha

[@ahamednafees9961]

1:58 it's a simple yo mama joke but coming from him is hilarious 😭

[@user-cx7oy4oo3q]

appreciate the mom joke.

[@kristijanlazarev]

I knew someone would mention it, never went straight to the comments faster

[@williamhogrider4136]

​@@kristijanlazarevme too man

[@Yumiesthetic]

1:58 OKAY BRO CODE OKAY I SEE U

[@saintpierre669]

😂😂😂damn i was so locked in till i heard the yo mama joke...had to come here real quick

[@mo1zy284]

The mom joke got me offended by how out of pocket it was. frfr good one

[@lonelym4ge]

i was not ready for the mom joke 💀

[@shadow_tube_life9817]

da mom joke tho lol

[@AnEpicFatalityArchives]

that your mom joke caught me off guard sheesh

[@peachyoana1]

everyone here bc of the mom joke 😭

[@brandonagendia6056]

i pause and came directly to the comment section 😂😂😂😂

[@harsaihajsinghgill]

1:58 💀💀💀

[@maciejpogorzelski9574]

Thank you very much for what you do!

[@regularpersonLIVE]

1:13 you could've used overflow: scroll

[@Bhuvan_D]

Fire

[@muhammadtaufiqirfandi7272]

Saya dari indonesia

[@parastoomajidi3143]

cool. thanks

[@renejacques8288]

When I reduce the screen of my html page the text within one div overflows into the space of another div making superimposed texts. How do I make the div's move so text doesn't run into them please?

[@jontolley3630]

Why do you get a scroll bar when adding height: 100vh; to the container class?

[@brandonagendia6056]

i pause and came directly to the comment section to see if i was twerking🤣🤣🤣🤣🤣🤣🤣

[@ekeochachisom1943]

👍🏾

[@dloCodes]

Holy LOL Kind of like your mom was super aggresive, bro HAHA.

[@riboiman4005]

"Your mom" is crazy

[@Blackdiamond929_]

I paused at the mom joke

[@royandescartes]

wait, did he say kinda like your mom? bro what ? 😂😂🤣🤣

[@RuckusIT]

bro

[@socaramdhani8046]

Gottem

[@sop7169]

Je t’aime bb

[@buruvo]

FB hvggggg😂😂😂😂😂😂

[@andreiberes9442]

Was that a joke ?