Episode

Modern CSS quick hits: range syntax, grid-lanes, random(), and more

Podcast
General Musings with Kevin Powell
Published
Nov 21, 2025
Duration seconds
1472
Processing state
not_requested
Canonical source
https://api.riverside.com/hosting-analytics/media/f49835e69a398704b8574fd0b1c55babfd2be77420e5298f5e2a99e961e93cbd/eyJlcGlzb2RlSWQiOiI3NDljNzZjNi0yNjc5LTQ1MTAtYjBhMi05MTJlMmU0YWJmOTEiLCJwb2RjYXN0SWQiOiI0YWZmNWZjOC04MDNjLTQ5MWUtOWVmZC1jMjg0YzkzODdkYTkiLCJhY2NvdW50SWQiOiI2MDkzNDdiMTc2MjEyNjAwMDNlZTkzMWYiLCJwYXRoIjoibWVkaWEvY2xpcHMvNjkyMDYwMjI0Yzc0ZDg0NjY4Y2I0ZDZmL2dlbmVyYWwtbXVzaW5ncy1jb21wb3Nlci0yMDI1LTExLTIxX18xMy01MC00Mi5tcDMifQ==.mp3
Audio
https://api.riverside.com/hosting-analytics/media/f49835e69a398704b8574fd0b1c55babfd2be77420e5298f5e2a99e961e93cbd/eyJlcGlzb2RlSWQiOiI3NDljNzZjNi0yNjc5LTQ1MTAtYjBhMi05MTJlMmU0YWJmOTEiLCJwb2RjYXN0SWQiOiI0YWZmNWZjOC04MDNjLTQ5MWUtOWVmZC1jMjg0YzkzODdkYTkiLCJhY2NvdW50SWQiOiI2MDkzNDdiMTc2MjEyNjAwMDNlZTkzMWYiLCJwYXRoIjoibWVkaWEvY2xpcHMvNjkyMDYwMjI0Yzc0ZDg0NjY4Y2I0ZDZmL2dlbmVyYWwtbXVzaW5ncy1jb21wb3Nlci0yMDI1LTExLTIxX18xMy01MC00Mi5tcDMifQ==.mp3
JSON
/v1/public/podcasts/general-musings-with-kevin-powell-6596894/episodes/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more
Markdown
/podcast/general-musings-with-kevin-powell-6596894/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more.md

Actions

  • POST https://stenobird.com/v1/public/podcasts/general-musings-with-kevin-powell-6596894/episodes/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more/transcription-requests
    Idempotently request low-priority transcript generation for this episode.
  • GET https://stenobird.com/podcast/general-musings-with-kevin-powell-6596894/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more.md
    Read the agent-friendly Markdown representation of this episode resource.

Summary

In this episode I dive into the world of modern CSS. I start with a bit on the masonry to grid lanes change, discuss the new range syntax for style queries, and share my thoughts on the evolving landscape of CSS. 🔗 Links My video about the switch to display: grid-lanes: https://youtu.be/yikbSQ6tvlE The article on the range syntax coming to container queries and if(): https://css-tricks.com/the-range-syntax-has-come-to-container-style-queries-and-if/ Chris’ blog post on random(): https://frontendmasters.com/blog/more-css-random-learning-through-experiments/