Menu

Post image 1
Post image 2
1 / 2
0

Chris’ Corner: Freshly-Fallen CSS

CodePen·@HashtagPLUS·about 1 month ago
#kOuKtvhl
#docs#issuecomment#trigger#grid#lanes#code
Reading 0:00
15s threshold

First corner of the new year, so, ya know : ✺◟(^∇^)◞✺ I feel like we should do CSS for this one. It’s easily my favorite technology thing and basically BFFs with the spirit of CodePen. In brand-spanking-new news (gnu neues?) the whole “masonry” saga is starting to come to a close. The naming is (drumroll please): .container { display : grid-lanes; grid-template-columns : repeat (auto-fill, minmax( 250px , 1 fr)); gap : 16px ; } Code language: CSS ( css ) I like it. Lanes. Like you’re playing a driving video game or something. The WebKit gang has the story , and they’ve got demos ready. Try out Grid Lanes in Safari Technology Preview 234! All of the demos at webkit.org/demos/grid3 have been updated with the new syntax, including other use cases for Grid Lanes. I’d credit David DeSandro for the name “masonry”, which is certainly a lot more stuck in people’s heads. He’s understandably disappointed in the new name.…

Continue reading — create a free account

Join HashtagPLUS to read full articles, follow hashtags, vote, and join the conversation.

Read More