CSS properties that solve annoying problems
๐ CSS Demystified: https://thecascade.dev/courses/css-demystified/
โน๏ธ The more in-depth video on the button with fit-content: https://youtu.be/3ugXM3ZDUuE
โ
Examples from this video:
- https://codepen.io/kevinpowell/pres/JoKbNxM/124e01d5e7101bb8ff172ff0513dfa3d
- https://codepen.io/kevinpowell/pres/KwMewam/8d93bc6e68d989004c0e3242cc028e1c?editors=1100
- https://codepen.io/kevinpowell/pres/KwMewam/8d93bc6e68d989004c0e3242cc028e1c?editors=1100
- https://codepen.io/kevinpowell/pres/YPWpVbJ/cd0090be46093f50ce9923247ea6c00d?editors=1100
- https://codepen.io/kevinpowell/pres/MYeboWJ/4c4eea6be269b91โฆ
Watch on YouTube โ
(saves to browser)
Chapters (6)
Introduction
0:10
inset
1:15
isolation: isolate
5:00
fit-content
8:40
aspect-ratio (and object-fit)
11:05
text-wrap: balance (and pretty)
DeepCamp AI