3 little-known CSS sizing tools
Min-content, max-content, and fit-content size items based on their intrinsic properties, rather than their display properties (e.g., block, etc.). While not always needed when you need these properties, they are a game-changer! --------------------------------------- 🎨 VSCode Theming Font: Cascadia Code: https://github.com/microsoft/cascadia... Theme: https://marketplace.visualstudio.com/... Icons: https://marketplace.visualstudio.com/... --------------------------------------- 🌐 Connect With Me 🌐 Website: https://codinginpublic.dev Blog: https://chrispennington.blog Twitter: / cpenned Patreon: / coding_in_public Buy Me a Coffee: https://www.buymeacoffee.com/chrispen...

▶︎
Become a CSS Position Pro! Learn EVERYTHING You Need to Know In Detail 🔍

▶︎
CSS Flexbox vs Grid - Are you using them right?

▶︎
min-content, max-content, fit-content - intrinsic sizing with CSS

▶︎
11 New JS Features You Can Use Today!

▶︎
CS248: Module 2.3 - HTML Forms with Bootstrap

▶︎
The native select was finally fixed

▶︎
Flexibility & The Fold – new possibilities with CSS Grid

▶︎
Learn CSS height and width in 6 minutes! 📏

▶︎
Why Is CSS So Weird?

▶︎
7 CSS Tricks That Will Blow Your Mind

▶︎
Sizing things in CSS - Zach Jensz

▶︎
Fall asleep while I build a zoo (Part 2) - Planet Zoo ASMR

▶︎
3. Intrinsic vs Extrinsic Sizing. Width Auto vs 100%. min-content, max-content, fit-content - CSS3

▶︎
These CSS PRO Tips & Tricks Will Blow Your Mind!

▶︎
Birds Singing in a Tranquil Forest 🌳 Nature Sounds for Deep Sleep and Calm Mind

▶︎
Become a CSS Grid Pro! Learn EVERYTHING You Need to Know In Detail 🔍

▶︎
Learn Corner-Shape in 5 Minutes (New CSS Property!)

▶︎
Quick guide to CSS focus states

▶︎
Become A Master Grid CSS In 13 Minutes

▶︎
