profile

Hi! I'm Kevin

Selecting rows, Fitting images, and do you know your floats?

Published about 2 months ago • 3 min read

​View this email in your browser (or share it with a friend!)

Hello Reader,

This edition of the newsletter is the last “summer break” edition. We’ll be back to the full one starting next week 🙂.

🙋‍♂️ What I’ve been up to this week

Select a specific row in a grid, even when using auto-fit or auto-fill

video preview​

A fun look at how we can select a specific row when using grid’s auto-fit feature, including an example by Temani Afif, who looks at how we can do this with a lot less code in the near future.

When I started working on this, I had a feeling it was possible, but I was a little bit stuck. Thankfully, an article by Keith Clark (from 2013!) helped me figure it out.

💻 Code from this video

✅ Select the last row only
✅ Code for first two rows only
✅ Code for 2nd row only
✅ Temani’s version with no container queries​

⚡ Quick tips of the week

The Tip of the Week will be back… soon.

I had planned to start it back up this week, but as I’m ramping everything back up after a slow summer, it’s pretty low on my priority list. It’s coming, I’m just not 100% sure on when!

Make any image fit perfectly with 2 lines of CSS

video preview​

📝 Quiz time!

Which of the following CSS properties allows us to resize image elements within their boxes, the same way we can do `background-size: cover` or `background-size: contain` for background images?

  1. image-position
  2. image-size
  3. object-fit
  4. object-size

As per usual, you'll have to head on over to YouTube to take a stab at the quiz, and once you answer, you'll see if you were right or not.

​

🔗 Other awesome stuff around from the web

🏁

Have a fantastic week!
Kevin

Are you looking to step up your CSS? I've got both free and premium courses to help with that! They cover a range of skill levels too 👇

Beginner friendly (and free)

HTML & CSS for Absolute Beginners

A free course that starts with the absolute basics, and gets to creating some layouts with Flexbox and Grid.

​Enroll →​

Intermediate

CSS Demystified

For those who've been writing CSS for a little bit now, but want to step up their game and start writing CSS with confidence!

​Enroll →​

Intermediate (Frontend Masters)

Build a Modern Site from Scratch

Build a fully responsive site using modern CSS features, along with some polished animations.

​Enroll → (25% off first month of Frontend Masters if you use this affiliate link)
​

If you no longer want to get any emails from me, you can unsubscribe or you can edit your preferences if you'd like pick which emails you get from me.
113 Cherry St #92768, Seattle, WA 98104-2205

Hi! I'm Kevin

Helping people fall in love with CSS

Weekly newsletter, where I talk about tangentially-related front-end development topics and share what I've been up to in the last week, plus any cool/fun/interesting/useful links I come across as well.

Read more from Hi! I'm Kevin

View this email in your browser (or share it with a friend!) Hello Reader, I’m going to keep the intro short on this ones because there is a lot going on in the What I’ve Been up to section, but before we jump into into that, two quick things: As an experiment for Interop 2026, Jake Archibald and the team at Firefox habe put together a way to gather more feedback on what features matter most to developers. So, if you head on over here, you can pick the proposals that are important to you, and...

1 day ago • 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, A few weeks ago, I posted a video about the current state of the internet after I had a terrible AI-generated CSS article showing up in my news feed. I was saddened by how it was getting priority over quality content from sites like Piccalilli, Smashing Magazine, CSS-Tricks, and countless other excellent sources (I’ve put a bunch in the other links around the web section below if you’re looking for more to follow). At...

8 days ago • 5 min read

View this email in your browser (or share it with a friend!) Hello Reader, It's been a while since I've had a long newsletter... I know some people prefer these, so if you're one of them, here we go (and for the rest, you can skim down to the next section 😉). Also, stick with me, because this is going to tie back into web development in a second, but I grew up downhill skiing since the age of two or three. From the age of seven until sometime in my twenties, I skied every weekend throughout...

16 days ago • 7 min read