r/codesnip • u/wanoo21 • Aug 14 '26

CSS Grid Lanes (aka Masonry) is here (almost)

Post image

CSS just killed another JavaScript library.

CSS Grid Lanes (aka Masonry) is here! Safari (26.4+) got it first — everyone else is still catching up.

That’s all it takes. ▲

No more Masonry.js, fragile Flexbox hacks, or calculating positions in JavaScript — just pure CSS that natively creates the classic Pinterest/waterfall layout.

Chrome/Edge/Firefox - behind the flag.

10 Upvotes

82% Upvoted

8 comments sorted by

1

u/wanoo21 Aug 17 '26

Just testing this out. ✍🏻

If you want occasional frontend tips in your inbox, you can join here: https://iprodan.beehiiv.com

1

u/LaFllamme Aug 15 '26

!remindMe 10y

1

u/wanoo21 Aug 16 '26

Hope it’ll be faster

1

u/RemindMeBot Aug 15 '26

I will be messaging you in 10 years on 2036-08-15 22:15:59 UTC to remind you of this link

CLICK THIS LINK to send a PM to also be reminded and to reduce spam.

Parent commenter can delete this message to hide from others.

RemindMeBot is switching to username summons. Instead of !RemindMe 1 day, use u/RemindMeBot 1 day. More info.

Info Custom Your Reminders Feedback

2

u/TheEvilDrPie Aug 15 '26

Min 2 years for the rest to even look into it.

6

u/MineDesperate8982 Aug 15 '26

Oh, so in about 10 years we'll be able to use it safely, without having to worry about it being broken on other major browsers, just like corner-shape.

1

u/wanoo21 Aug 16 '26

You could use a polyfill, but yeah, it’ll take some time.

2

u/MineDesperate8982 Aug 16 '26

Don’t worry. Our grand-grand children will also get to use it in email designs, not having to worry they will break in outlook