CSS Box Sizing - Friday Minis 315

CSS has its fair share of quirks, but here's one that you can work around!
= CREDITS =
My appreciation extends to the creators of the following external assets that made this video possible:
Blown Away by Kevin MacLeod (incompetech.com)
Licensed under Creative Commons: By Attribution 3.0
creativecommons.org/licenses/b...
ISRC: USUAN1200100
= 0612 TV =
0612 TV, a sub-project of NERDfirst.net, is an educational RUclips channel. Started in 2008, we have now covered a wide range of topics, from areas such as Programming, Algorithms and Computing Theories, Computer Graphics, Photography, and Specialized Guides for using software such as FFMPEG, Deshaker, GIMP and more!
Enjoy your stay, and don't hesitate to drop me a comment or a personal message to my inbox =) If you like my work, don't forget to subscribe!
Like what you see? Buy me a coffee → www.nerdfirst.net/donate/
0612 TV Official Writeup: nerdfirst.net/0612tv
More about me: about.me/lcc0612
Official Twitter: / 0612tv
= NERDfirst =
NERDfirst is a project allowing me to go above and beyond RUclips videos into areas like app and game development. It will also contain the official 0612 TV blog and other resources.
Watch this space, and keep your eyes peeled on this channel for more updates! nerdfirst.net/
-----
Disclaimer: Please note that any information is provided on this channel in good faith, but I cannot guarantee 100% accuracy / correctness on all content. Contributors to this channel are not to be held responsible for any possible outcomes from your use of the information.

[@taylorjordan1310]

Just watched an old video of yours and came to your newest one. Your accent has changed a lot!

[@NERDfirst]

Hello and thank you for your comment! Yeah, it has! I've been tweaking it over the years to try and find something as neutral as possible.

[@Shmuklidooha]

Clever! I've been doing this for years and I always just use something like:
width: calc(100% - 2px);
Assuming that the border is 1px. Your method is much simpler

[@NERDfirst]

Hello and thank you for your comment! That's cool, I learnt something here too, which is the CSS calc() function! So thank you for sharing =)

[@hsiehkanusea]

Amazing. Thx.

[@NERDfirst]

You're welcome! Glad to be of help =)

[@agi-news]

Honestly border box should be the default. Who’s making non reactive websites now a days

[@vanda01z]

top