Skip to content
B

EPISODE · Sep 7, 2026

Animating CSS Grid Layouts with CSS Anchor Positioning

from Bram.us · host Bramus!

At CSS Day (back in June), someone asked me how Brave (the browser) might have built their New Tab Page which features some tiles laid out in a grid. While the grid is nothing spectacular, something special happens with it when you resize the viewport: as the available space changes, the grid nicely reorganizes itself in an animated way. The animations are also interruptible, so no View Transitions seem to be at play. So, how did they do it? I’m not sure. But if I were to recreate it, I’d use CSS Anchor Positioning with regular CSS Transitions on top.

Episode metadata supplied by the publisher feed · Published Sep 7, 2026

Embed this episode

Ready to play

Animating CSS Grid Layouts with CSS Anchor Positioning

0:00 0:00

No transcript for this episode yet

We transcribe on demand. Request one and we'll notify you when it's ready — usually under 10 minutes.

No similar episodes found.

No similar podcasts found.

Frequently Asked Questions

When was this Bram.us episode published?

This episode was published on September 7, 2026.

Can I download this Bram.us episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.
URL copied to clipboard!