I started listening to @ShopTalkShow before I started my YouTube channel, so it's pretty special to have been a guest all this time later! Of course the "professional content creator" is the one who's camera freezes 🙃 . At least the frame it froze on was a good one I guess, lol. watch video on watch page
12 - 2
QUIZ TIME! By default, CSS Grid creates a new row for every direct child. Which of these would I use if I wanted it to make columns instead?
124 - 5
If you are going to write an HSL value in CSS, do you use commas, or spaces? Also, please comment on whether you use units or not... you could do `hsl(10deg, 25%, 50%) or `hsl(10 25 50)` for example... Or do you include percentages, but not degrees?
92 - 60
QUIZ TIME! This will be easier for the old-school devs out there: Which CSS property do we use to ensure that an element will go under, rather than next to, a floated element?
171 - 22
QUIZ TIME! In native CSS nesting, which symbol references the parent selector?
184 - 20
Heard from a few people recently that they'd like to be able to set a max column count when using grid with auto-fit or auto-fill. It would be handy if there was a feature that could do this, but it's possible now with a little bit of math, as I explore in this video. Once you have the code snippet, you can re-use it easily thanks to all the important numbers being custom properties (here's a codepen of it, if you don't want to bother with the video: codepen.io/kevinpowell/pen/GgRwqxJ) watch video on watch page
117 - 2
QUIZ TIME! Which of these CSS creates animations based on scroll-position?
91 - 12
CSS QUIZ TIME, this time with some modern CSS: Which statement about CSS Cascade Layers (@layer) is FALSE?
62 - 13
Do you use `em` units when writing CSS?
106 - 213
Helping you learn how to make the web, and make it look good while you're at it.
With weekly videos and shorts, I'll be bringing you How Tos and Tutorials, as well as simple tips and tricks, with a big focus on helping people see how wonderful CSS is!