box-sizing: border-box (EASY!)

preview_player
Показать описание
Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship). I'll help you master the latest tech here:

💻 Premium Courses:

0:00 Used in CSS resets
0:43 Box model
2:30 content-box and border-box
3:05 Adding padding
5:55 Adding border

#box-sizing #border-box #css #webdevelopment #coding #programming .
.
Рекомендации по теме
Комментарии
Автор

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

lemonadeforlife
Автор

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

pritambera
Автор

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

jd
Автор

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

Kamogelo_Podile
Автор

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

IliaSavin-ogck
Автор

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

ayam
Автор

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

favoremmanuel
Автор

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

oluwaseyioyedeji
Автор

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

vietanhmkt
Автор

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

ghaithjr.
Автор

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

savysavy-mvqd
Автор

Probably the best explanation on the box model! thank you

robertjr
Автор

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

brandonozielcortesviera
Автор

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

rusirumunasingha
Автор

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

JaraafYamang
Автор

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

Mona-Ali.
Автор

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

Thankss

umerfayyaz
Автор

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

fatemamotiwala
Автор

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

vittoriab
Автор

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

td_ng