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

Page: https://stenobird.com/podcast/general-musings-with-kevin-powell-6596894/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more
Text version: https://stenobird.com/podcast/general-musings-with-kevin-powell-6596894/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more.md
Podcast: [General Musings with Kevin Powell](https://stenobird.com/podcast/general-musings-with-kevin-powell-6596894)
Published: 2025-11-21T14:06:01+00:00
Episode link: https://api.riverside.com/hosting-analytics/media/f49835e69a398704b8574fd0b1c55babfd2be77420e5298f5e2a99e961e93cbd/eyJlcGlzb2RlSWQiOiI3NDljNzZjNi0yNjc5LTQ1MTAtYjBhMi05MTJlMmU0YWJmOTEiLCJwb2RjYXN0SWQiOiI0YWZmNWZjOC04MDNjLTQ5MWUtOWVmZC1jMjg0YzkzODdkYTkiLCJhY2NvdW50SWQiOiI2MDkzNDdiMTc2MjEyNjAwMDNlZTkzMWYiLCJwYXRoIjoibWVkaWEvY2xpcHMvNjkyMDYwMjI0Yzc0ZDg0NjY4Y2I0ZDZmL2dlbmVyYWwtbXVzaW5ncy1jb21wb3Nlci0yMDI1LTExLTIxX18xMy01MC00Mi5tcDMifQ==.mp3
Audio file: https://api.riverside.com/hosting-analytics/media/f49835e69a398704b8574fd0b1c55babfd2be77420e5298f5e2a99e961e93cbd/eyJlcGlzb2RlSWQiOiI3NDljNzZjNi0yNjc5LTQ1MTAtYjBhMi05MTJlMmU0YWJmOTEiLCJwb2RjYXN0SWQiOiI0YWZmNWZjOC04MDNjLTQ5MWUtOWVmZC1jMjg0YzkzODdkYTkiLCJhY2NvdW50SWQiOiI2MDkzNDdiMTc2MjEyNjAwMDNlZTkzMWYiLCJwYXRoIjoibWVkaWEvY2xpcHMvNjkyMDYwMjI0Yzc0ZDg0NjY4Y2I0ZDZmL2dlbmVyYWwtbXVzaW5ncy1jb21wb3Nlci0yMDI1LTExLTIxX18xMy01MC00Mi5tcDMifQ==.mp3
Processing state: not_requested
JSON: https://stenobird.com/v1/public/podcasts/general-musings-with-kevin-powell-6596894/episodes/modern-css-quick-hits-range-syntax-grid-lanes-random-and-more
Duration seconds: 1472

## Resource

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/

## Actions

- request_transcript: `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.
- read_markdown: `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.

A page view does not enqueue transcription. Agents should invoke `request_transcript` explicitly when they need this episode processed.

## Transcript

Full transcripts are not published on public pages unless there is a clear rights basis.