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

NOV 21, 202524 MIN
General Musings with Kevin Powell

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

NOV 21, 202524 MIN

Description

<p>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.</p><p></p><p>🔗 Links</p><ul><li>My video about the switch to display: grid-lanes: <a target="_blank" rel="noopener noreferrer nofollow" href="https://youtu.be/yikbSQ6tvlE"><b>https://youtu.be/yikbSQ6tvlE</b></a></li><li>The article on the range syntax coming to container queries and if(): <a target="_blank" rel="noopener noreferrer nofollow" href="https://css-tricks.com/the-range-syntax-has-come-to-container-style-queries-and-if/"><b>https://css-tricks.com/the-range-syntax-has-come-to-container-style-queries-and-if/</b></a></li><li>Chris’ blog post on random(): <a target="_blank" rel="noopener noreferrer nofollow" href="https://frontendmasters.com/blog/more-css-random-learning-through-experiments/"><b>https://frontendmasters.com/blog/more-css-random-learning-through-experiments/</b></a></li></ul>