box-sizing: border-box (EASY!)

[@ByteGrad]

Mastering JavaScript is crucial if you want to be a modern, professional developer: kzbin.info/www/bejne/p4fQoX16ht2omac

[@pritambera5879]

If you are looking for box-sizing explanation, this is the only one you need.

[@Kamogelo_Podile]

Odin Project sent me here..... I love the simple and informative description and i'm sure to return for more. Thanks @ByteGrad

[@lemonadeforlife]

Odin Project recommended your video. And I understood why now. Simple, precise and no bs. thanks man. You gained another subscriber,

[@ayam3330]

honestly this is the best explanation of border box, i was struggled to understand before

[@favoremmanuel2855]

The best video I have seen on Box-sizing, thank you for making it easy. I got here from Odin Project

[@jd4300]

Amazing explanation man. 2 years into my career now as a web designer. So happy I found your channel. It's a hidden gem. I have never seen explanations so clear and concise. You are a great teacher and clearly embody an elite skillet. New subscriber here : ). Keep up the amazing work. I used to set box-sizing: border box all the time but kind of understood it. But not really. After watching this video it is so much more clear I could actually explain it to someone else if I had to now. Thank you!!!

[@ByteGrad]

Love to hear it, thanks

[@IliaSavin-og3ck]

The best and the only needed explanation for box sizing. Thank you! Here from the odin project

[@oluwaseyioyedeji]

This is the only video i've watched on the box--sizing property that i did not get lost. Clear and Direct!

[@brandonozielcortesviera5509]

Im doing the Odin project which recommended this video. This is the best explanation, thank you sir.

[@robertjr8205]

Probably the best explanation on the box model! thank you

[@savysavy-mv2qd]

This is so amazing. I can't believe I just learnt all this in a 10 minute video. Thanks for the content bro, U just added value to my life

[@ghaithjr.9189]

I’ve been lost in youtube jungle searching for a real good explanation for the css box model and among of all them you are the winner , so weird how this video didn’t get so much view because I read the number with a “k” honestly by the time I’ve seen your video I thought it’s 363k instead of only 363 , keep the great work you are doing

[@vietanhmkt]

Thanks! I am from The Odin Project, untill now I got it: - content-box caculating from the content itseft and top up with padding, border - border-box: caculating from the border itseft to the content itselft

[@Mona-Ali.]

This is literally the easiest explanation of box-sizing. Thank you so much !

[@umerfayyaz2554]

I was struggling in this property , but now it's clear. Thankss

[@fatemamotiwala8554]

This is the most simple and best explanation of the concept. I was so confused and now it seems so easy. Thank you

[@JaraafYamang]

Honestly that Best explanation between the parenthesis is a FACT!! There's not a better video. Thanks @ByteGrad. You kept a new subscriber!!

[@jordn2182]

loved this, he actually explains it in detail

[@hajer7499]

I Watched so many tutorials and finally understand it thank you so much

[@Auranimali]

Great videos. Clear, efficient, and simple examples. Thank you!

[@rusirumunasingha2234]

Love the simple and to-the-point explanation, man. Subbed!

[@relaxedbrain4237]

You are an excellent teacher!

[@davidperlow3603]

This is not the best explanation about border-box, it is the ONLY explanation! 😄Great job, you did such a great job in explaining the concept in-and-out. I really liked how you went step by step and used clear white boxes. The explanation of the math as well as showing the differences each time made this concept so available to me. Thank you, I was stuck on this issue and can now progress!!!! Wishing you great success-

[@DigiPros210]

A very clear basic explanation unlike others, thanks dude.

[@td_ng]

i've never bothered to actually look this up, great explanation

[@vittoriab]

Damn this is the first time that I actually get it border box concept. Thanks for your videos mannnn zszszsz

[@gabby-du8ns]

crystal clear !! thanks bytegrad and TOP

[@marioyepes9324]

One of the best explanations, thank you

[@dougm3162]

The only dude that explained it well. Thankyou so much bro

[@sweetybaghwar2367]

Thank you. This was the tutorial I was looking for exactly. Thank you very much.

[@baronjadacodes]

Amazing explanation and super easy to take in, thank you!!

[@ibrahimssen]

TOP recommended this and now I understood it, thanks

[@gotfragMIMK]

Man i watched like 2 videos and i can understand them clearly. Congratz, you should really have more subs minimum 300k, but for me you need to have 500k+, just my feeling. Its rare to see constructed explanation + step by step with such clarity. Thank you

[@XolaniKeaMbanjwa]

The best explanation, thanks a lot brother!

[@qasimawan3568]

This is great, thank you for explaining this clearly!

[@sambitdas5946]

Really very clear explanation. Just loved it❤

[@dayan1132]

very clear explanation, thank you so much!

[@ThomasThabethe]

The odin project sent me here, and Thanks for the lesson

[@ibtyhale3370]

thank u . finally i understand the box sizing part

[@sergiocespedes9640]

Very good stuff man!!

[@dominikcicea]

Excellent explanation

[@a_maxed_out_handle_of_30_chars]

simple, concise, and to the point thank you :)

[@garyfinch7337]

Thank you very much. A really excellent explanation.

[@ayanonlinee]

Love it, You make it so much easier and clear ❤

[@itsalexsa_m]

The best explanation, very good!

[@faruqabolarin916]

A very clear explanation, I appreciate man. just what I wanted.

[@pedrodilly7359]

Thank You so much... Because of you I undestand this...

[@AmirmohammadKhosravi-kk6or]

Your explanation was perfect bro! thanks.

[@steevegandhy]

Bro thank you! You the best!

[@makenaw4438]

what was that shortcut used to copy/paste at 2:40?

[@Aarif6904]

well explained brother. Thanks😀

[@zawarudo6389]

very neat explaination

[@JuliaLee-kp5ny]

the best explanation ever! thank you!

[@adal2222]

very well explained, thank u

[@Ioannisgnk]

2:39 how did you move the line without deleting it?

[@RockyBalboa-te9ir]

what did u do at 2:40 to move that down?

[@youssefelatmani7090]

Great Video 👏

[@mostafasv]

Thanks for this amazing explanation

[@mikayla3386]

Here from The Odin Project!

[@gbrsmc]

Thank you very much!

[@arjunsemwal02]

Thanks brother for sharing this insightful vid❤

[@servantofourlordjesuschris6456]

Great explanation! Just making things simple.

[@ashokyadavfqplmgxjia4668]

wow what a explanation sir................

[@ahmaramin5087]

Super helpful

[@krishna-tv8ju]

seriously thanks for this explanation...

[@helveticdisplay]

such a masterclass!

[@yabezD]

if i add an image to my website, and i have added some margins and borders to, why would i have to treat it as the border-box. if i increase the size of my image, i expect it to increase the image right ?

[@mr.v.sanjay9847]

Understood Brother. Thank you so much.

[@BritishMuseum.420]

You got a subscriber buddy

[@ChineduKadurumba-di1qm]

great lesson

[@S.a.d.a.f11]

Thank you!

[@tarekyahiapage]

Thank you .. verry clear

[@MartinPiorkowski-ss6jb]

Hey I was sent by the odin project this was a perfect explanation with the border-box so you have my thanks! I was wondering though, how did you get your html to space out the two boxes with just ? for me my boxes stay connected.

[@axis4337]

vera level explanation thaliva

[@Grindeddude]

Thank you very understandable explanation .

[@MustafaAhmed-k5v]

amazing man keep up the good work

[@silverfullbuster9177]

Just curious, are you a self learning web developer and what stage level would you say you are at currently?

[@Mane_Tech]

I haven't found a better explanation on the box-sizing property as I have in this video.

[@israelmbuyu4487]

great explanation sir.

[@tacnopsgaming9137]

When box-sizing is set to content-box why border is little less than what i set it to be? i set border size to 10px but in box model it shows 9.600px.

[@abener1013]

thank you very much

[@jaceylewis1267]

love your voice. sounds like viktor from arcane

[@wrestlingEmpire1]

Amazing man Thank you

[@elaf7092]

really good video

[@alisajadahmadi978]

Coming from The Odin Project. 2 July 2024

[@bornofmindghimire5888]

What if " multiple nested div, all having border inside main-div which also have border "? I had done it and things not working. I do have to use both Universal * box-sizing :border-box and again on main div i have to put box-sizing: content-box.After that it works what would be the reason.? Please make video on it.Thankyou

[@georgehope5477]

Brilliant! Thank you.

[@nicolaswnorowsky1680]

ty came from odin project

[@farisgebremariam9088]

Jesus. Best explanation. Thank you.

[@Michael-f1o2m]

It's almost like content-box functions as lower bound and border-box functions as an upper bound.

[@deiviihernandez6059]

Thanks a lot!

[@kamalsaloi9315]

Thanks

[@CarlosGutierrez-hw3zb]

Me quedo claro, gracias!

[@ConfusedHelmet-kd2wg]

in my case i need to add px after each number, but in some video i see people only write number without th px measumrint unit

[@soumitrapal8681]

It's great 😃

[@LearnedJohn]

TOP😁💻

[@ashokyadavfqplmgxjia4668]

nice explainatin sir .....

[@mannnie55]

Man ur too good

[@devaraj7070]

Super bro

[@jordanrevans9185]

why did your boxes already have a margin between them throughout the video despite no apparent value for margin added in CSS?