RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit Icon
My google avatar.
devrel@google
notecss

A CSS bento-like grid that's aware of the number of children and aspect ratio available thanks to :has() and @container.

Try the demo

Shout out to view-transition's for making the interactive demo so much more compelling.

Join the conversation on

56 likes
25 reposts
  • Elly Loel ✨????
  • The Spicy Web
  • Hayden
  • kirch
  • Ryan the Design Lion
  • GENKI
  • Dan Ryan :dryan:
  • Stephen Bannasch
  • Robb
  • Mayank
  • knowuh
  • Adrian Cochrane
  • nate
  • Ryan Mulligan
  • Kevin Lee Drum
  • Ben Pate ????
  • Fran
  • Noble :frostbite:
  • Daniel P H Fox
  • Arthur Melo
  • Jeroen Zwartepoorte
  • Sambit Sahoo :vue:
  • Jack Iakovenko
  • Pippin
  • Gustav Hansen

Crawl the CSS Webring