The Box-Sizing Property Explained in 5 Minutes

  Рет қаралды 35,985

5-Minute Web Dev

5-Minute Web Dev

Күн бұрын

Пікірлер
@na5108
@na5108 Жыл бұрын
THANK YOU!!!! why can't any of the other videos be as straight forward as you, DEAR LORD!
@donnaperry2915
@donnaperry2915 5 жыл бұрын
I know this video is over a year old but as a new coder I just want to thank you. I watched three other tutorials and read an article and didn't understand how this works. I wish I had known this a couple of weeks ago when I was stuggling with a class project. But upward and onward. :) Knowledge is a wonderful thing. Thanks, again.
@AlMohammadi-og7bk
@AlMohammadi-og7bk 2 жыл бұрын
yes me to(but 2 yers after you 😃)
@unknownhuman8975
@unknownhuman8975 3 жыл бұрын
Very underrated channel.
@Amalgam_VR
@Amalgam_VR 2 жыл бұрын
Someone give this man an award
@winstreakpro2397
@winstreakpro2397 Жыл бұрын
I was learning the css and it was amazing and understandable than long videos but the only thing that i was struggling and didn’t get it was box boder amd box sizing Thank you so much for your tutorial ❤🎉
@RaveKev
@RaveKev 3 жыл бұрын
Thank you for the quick-Tipp at the end
@PankajKumar-op8ek
@PankajKumar-op8ek 3 жыл бұрын
simple and clear in no time...
@Ren-xv8xo
@Ren-xv8xo 5 жыл бұрын
I liked how you try to visualize using inspect in chrome, here's hoping for more videos!
@taz2392
@taz2392 2 жыл бұрын
This has helped so much thank you.
@kabirsumn3517
@kabirsumn3517 5 жыл бұрын
please continue making content. your content is really awesome
@klavsvasilis
@klavsvasilis 6 жыл бұрын
oooh yeah, this makes sense... Much like :)
@5-minutewebdev365
@5-minutewebdev365 6 жыл бұрын
Klavs Vasilis thanks! Glad you found it helpful. :)
@IgorogI1000
@IgorogI1000 3 жыл бұрын
yep! i finally understand that
@fahimachowdhury3275
@fahimachowdhury3275 6 жыл бұрын
easy to understand, best teacher.
@boyapatiramakrishna2068
@boyapatiramakrishna2068 4 жыл бұрын
Thank you brother. I have understood box model now.
@hardwine60
@hardwine60 6 жыл бұрын
Thanks for this video please continue to make more... helped me understand and I want to send it on to others who are learning
@lloyd7miller
@lloyd7miller 6 жыл бұрын
This is revolutionary :O thank you!
@5-minutewebdev365
@5-minutewebdev365 6 жыл бұрын
Lloyd Miller you got it man!
@thelostvorg7805
@thelostvorg7805 3 жыл бұрын
I did exactly as you did the border-box function was applied and I could see the difference using the developer tool. but for some reason there was a space between each column and I could not remove it unless I use 32% as the width. I even tried *{ margin :0 ,} and nothing changed
@ryan-tabar
@ryan-tabar 2 жыл бұрын
yes same issue here
@joshuwa3953
@joshuwa3953 2 жыл бұрын
Can someone explain why we need a class container I replicated the same thing without that class and got the exact same dimensions
@mohammadnoushadsiddiqui4786
@mohammadnoushadsiddiqui4786 4 жыл бұрын
You are doing doing very good job brother
@itech40
@itech40 5 жыл бұрын
You're awesome continue your videos please!
@locle9389
@locle9389 4 жыл бұрын
Absolutely Amazing Tutorial. - Thank You So Much
@gibran5208
@gibran5208 2 жыл бұрын
Helpful thanks!
@haciendadad
@haciendadad 2 жыл бұрын
Something to note, if you put each of your divs on separate lines and use inline-block and use the 33.3333% your third div may go to the next line. I learned from SO that is because the div tags had a space between them because they were on different lines. If you make the ending div tag be right next to the starting div tag, i.e., being on the same line, that gap goes away. If there is another way to remove that, I'd like to know, but that was what I found and thought I'd share that back.
@georgeisaac2703
@georgeisaac2703 2 жыл бұрын
I have encountered same issue. Hope you find a better way to resolve it
@thestuffoflegenddanielloer7883
@thestuffoflegenddanielloer7883 6 жыл бұрын
That totally qualifies you to be on my show
@itech40
@itech40 5 жыл бұрын
Genius. Well made video. Clean explaining. Keep it up!
@eaglekraft687
@eaglekraft687 4 ай бұрын
thank you so much!
@milanm9907
@milanm9907 6 жыл бұрын
Thanks for this explanation! Keep up the good work!
@imaverygoodguy
@imaverygoodguy 4 жыл бұрын
Thanks fam❤, just subscribed👌🏽
@trigger60
@trigger60 2 жыл бұрын
thanks man!
@German_for_Arabs
@German_for_Arabs 2 жыл бұрын
thanks man,
@lokkesha3473
@lokkesha3473 3 жыл бұрын
;) I am crazy about learning code
@mohammadnoushadsiddiqui4786
@mohammadnoushadsiddiqui4786 4 жыл бұрын
Why don't you make more videos like this
@aealarco
@aealarco 5 жыл бұрын
thank you !
@akramnarejo6221
@akramnarejo6221 3 жыл бұрын
don't know why doesn't this code works at my side.
@brightertomorrow3343
@brightertomorrow3343 3 жыл бұрын
Great
@jayfiled
@jayfiled 6 жыл бұрын
Good fast, no nonsense explanation. However, I'm listening with headphones and you sound very rushed and out of breath. I'd suggest pacing yourself, slow down on certain important points etc.
@StrengthFromGiving
@StrengthFromGiving 4 жыл бұрын
Then it would not be 5 minute Web Dev. Play it at a slower speed if you would like, he is obviously rushing for a reason.
@jayfiled
@jayfiled 4 жыл бұрын
@@StrengthFromGiving I guess so. It's just super distracting hearing him struggle to spit out all the content.
@thestuffoflegenddanielloer7883
@thestuffoflegenddanielloer7883 6 жыл бұрын
Web development is what we both talked about
@linusakdahk8381
@linusakdahk8381 4 жыл бұрын
4:06 noice
@thestuffoflegenddanielloer7883
@thestuffoflegenddanielloer7883 6 жыл бұрын
We both make videos about web
@_slier
@_slier 2 жыл бұрын
why the heck `content-box` is the default? whoever that come out with that decision should be jail for that.. outright crime
@123kingvlad
@123kingvlad 5 жыл бұрын
vegeta is so second fiddle lol
Learn CSS BOX MODEL - With Real World Examples
17:45
Slaying The Dragon
Рет қаралды 141 М.
Кто круче, как думаешь?
00:44
МЯТНАЯ ФАНТА
Рет қаралды 4,6 МЛН
Event Delegation in JavaScript Explained in 5 Minutes
5:21
5-Minute Web Dev
Рет қаралды 17 М.
Learn CSS Subgrid in 14 minutes
14:19
Slaying The Dragon
Рет қаралды 86 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 235 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 979 М.
Learn Flexbox CSS in 8 minutes
8:16
Slaying The Dragon
Рет қаралды 1,7 МЛН
Flexbox design patterns you can use in your projects
15:33
Kevin Powell
Рет қаралды 444 М.
Are you using the right CSS units?
6:30
Kevin Powell
Рет қаралды 462 М.
CSS Box Sizing Property - CSS Tutorial 99
11:54
ChidresTechTutorials
Рет қаралды 2,2 М.
Learn CSS Positioning Quickly With A Real World Example
8:32
Slaying The Dragon
Рет қаралды 688 М.