Experimenting browsing pixelfed in "contact sheet" mode

For those curious : https://paste.lol/antoine/pixelfed.social.css
(I use it with stylebot)

#pixelfed #custom #ui_ux #stylebot #css #gridlanes #anchor

pixelfed.social.css

/** * Pixelfed custom UI/UX - "Contact Sheet" mode * Inject this CSS on pixelfed main page and experience contact sheet, distraction less, pixelfed photos browsing. * Personnaly using Stylebot for CSS injection */ html:has(.timeline-status-component) { --min-photo-inline-size: 400px; nav.navbar, .card:not(:hover) .card-header, .card:not(:hover) > :not(.timeline-status-component-content), .read-more-component, .sidebar-attribution, .sidebar-component .card, ...

I know what I’m going to play with over the holidays break 😍 #css #gridlanes

https://webkit.org/blog/17660/introducing-css-grid-lanes/

Introducing CSS Grid Lanes

It’s here, the future of masonry layouts on the web!

WebKit