box-sizing: border-box (EASY!)

Подписаться 120 тыс.

Просмотров 13 тыс.

50% 1

👉 Professional JavaScript Course: bytegrad.com/courses/professi...
👉 Professional CSS Course: bytegrad.com/courses/professi...
👉 Email newsletter (React + Next.js course out soon!): email.bytegrad.com
💻 Premium Courses:
Professional JavaScript: bytegrad.com/courses/professi...
Professional CSS: bytegrad.com/courses/professi...
All courses: bytegrad.com/courses
🔔 Email newsletter (get new course discounts): email.bytegrad.com
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

Наука

Опубликовано:

17 май 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 55

@ByteGrad Год назад

Mastering JavaScript is crucial if you want to be a modern, professional developer: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-qVmpJDQxucE.html

@pritambera5879 6 месяцев назад

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

@lemonadeforlife 11 дней назад

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

@itsalexsa_m День назад

The best explanation, very good!

@user-lj6dc5qh7q Месяц назад

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

@IliaSavin-og3ck 25 дней назад

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

@ibtyhale3370 16 дней назад

thank u . finally i understand the box sizing part

@Mane_Tech 7 дней назад

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

@mostafasv 7 месяцев назад

Thanks for this amazing explanation

@ayam3330 3 месяца назад

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

@ChineduKadurumba-di1qm 18 дней назад

great lesson

@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

@a_maxed_out_handle_of_30_chars 8 месяцев назад

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

@ashokyadavfqplmgxjia4668 6 месяцев назад

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

@faruqabolarin916 8 месяцев назад

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

@fatemamotiwala8554 10 месяцев назад

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

@JaraafYamang 4 месяца назад

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

@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

@servantofourlordjesuschris6456 8 месяцев назад

Great explanation! Just making things simple.

@Auranimali 2 месяца назад

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

@DigiPros210 4 месяца назад

A very clear basic explanation unlike others, thanks dude.

@mr.v.sanjay9847 6 месяцев назад

Understood Brother. Thank you so much.

@krishna-tv8ju 8 месяцев назад

seriously thanks for this explanation...

@Grindeddude 4 месяца назад

Thank you very understandable explanation .

@qasimawan3569 25 дней назад

This is great, thank you for explaining this clearly!

@wrestlingEmpire1 Год назад

Amazing man Thank you

@tedndg Год назад

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

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

@israelmbuyu4487 5 месяцев назад

great explanation sir.

@dougm3162 Год назад

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

@sambitdas5946 2 месяца назад

Really very clear explanation. Just loved it❤

@ayanonlinee 3 месяца назад

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

@georgehope5477 Год назад

Brilliant! Thank you.

@gotfragMIMK 4 месяца назад

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

@ashokyadavfqplmgxjia4668 6 месяцев назад

nice explainatin sir .....

@soumitrapal8681 Месяц назад

It's great 😃

@CarlosGutierrez-hw3zb 5 месяцев назад

Me quedo claro, gracias!

@devaraj7070 3 месяца назад

Super bro

@axis4337 3 месяца назад

vera level explanation thaliva

@mannnie55 6 месяцев назад

Man ur too good

@farisgebremariam9088 Год назад

Jesus. Best explanation. Thank you.

@yabezD 26 дней назад

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 ?