There are a lot of new folks here (hi!), sharing that I made a CSS Grid Generator tool that might be useful to you if you're making a site.

https://buff.ly/3c8XSzI

Enjoy!

💻 Remember, if you're on a Mac, you can clean up your desktop by having screenshots sent to another folder:

defaults write com.apple.screencapture location whatever-the-pwd-of-folder-is

(then do killall SystemUIServer)

CTA to Nav 🗺️

taking the CSS container query for stuck position: sticky elements for a spin 🔥

nav { container-type: scroll-state; }
@​container scroll-state(stuck: top) {
.nav__content { --expand: 1; }
}

trick here is to transition grid-template-columns with the custom property value to morph

So many amazing things coming to CSS these days, but I have a feeling anchor positioning is going to be one that gains traction pretty quickly because it solves such a big pain point and is pretty easy to use.

https://buff.ly/3AStTxE