Kevin Powell
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!
Kevin Powell
Your auto-grid uses repeat(auto-fit, minmax(450px, 1fr)). On a narrow phone it overflows the screen. What do you change the minmax() to?
2 hours ago | [YT] | 12
View 3 replies
Kevin Powell
I just put up a new video on the second channel, talking about how DigitalOcean has killed CSS-Tricks for a second time, this time unofficially doing it by just stopping to pay the person who was running it (and some of the writers have unpaid invoices as well...) https://youtu.be/9_upvxCAUzM
22 hours ago (edited) | [YT] | 34
View 1 reply
Kevin Powell
Very excited to announce that I'll be speaking at Beyond Tellerand in April! Everyone I talk to who's attended it in the past always says how it's easily one of their favorite conferences, so I'm really happy to be able to finally experience one. Hope to see you there! beyondtellerrand.com/
1 day ago | [YT] | 98
View 0 replies
Kevin Powell
If you don't have a `container-type` declared anywhere on your page, but an element is using `cqi` units, what would it be measuring?
1 week ago | [YT] | 49
View 2 replies
Kevin Powell
These days when you're writing CSS, how much of it do you author yourself, vs what's coming from AI?
1 week ago | [YT] | 88
View 119 replies
Kevin Powell
QUIZ TIME! You want an element to transition from height: 0 to its natural height when opened. Which single line can make height: auto animatable?
2 weeks ago | [YT] | 87
View 15 replies
Kevin Powell
An element has transform: translateX(2rem). You add an animation with @keyframes spin { to { rotate: 360deg; } }. What happens to the translate while it spins?
3 weeks ago | [YT] | 78
View 9 replies
Kevin Powell
I'm live over on the Design Systems House, come and join us! https://www.youtube.com/watch?v=meGZ0...
4 weeks ago | [YT] | 9
View 0 replies
Kevin Powell
I'm collecting answers for a Family Feud style game: asked-100-devs.netlify.app/ - Be great if you could answer even one question, but I've updated the site now so it'll keep asking you more questions if you want to keep going.
1 month ago | [YT] | 135
View 69 replies
Kevin Powell
QUIZ TIME! You have a block element with padding on it. It has a `width: 100%`, and `margin: 1rem` as well. It's currently overflowing it's parent element. You add a `box-sizing: border-box` but it is still overflowing. Why?
1 month ago | [YT] | 68
View 13 replies
Load more