Experimental browser for the Atmosphere
In CSS grid, it isn't possible since each grid area is reserved even if there is no an element. @michelleb.bsky.social wrote a way around that: css-irl.info/controlling-... In Flexbox, it works as you mentioned via `justify-content`. Brining this to grid will be useful.
Apr 13, 2025, 4:24 AM
{ "uri": "at://did:plc:fpqsj3rdp2ywlzda43czqo2n/app.bsky.feed.post/3lmo7c7diac2i", "cid": "bafyreie7q2ckdweh23mvm32grinzdtfadrdta6bbqewgfp3ukbocxqgppq", "value": { "text": "In CSS grid, it isn't possible since each grid area is reserved even if there is no an element. @michelleb.bsky.social wrote a way around that: css-irl.info/controlling-...\n\nIn Flexbox, it works as you mentioned via `justify-content`. Brining this to grid will be useful.", "$type": "app.bsky.feed.post", "langs": [ "en" ], "reply": { "root": { "cid": "bafyreic3fk563z2gfy4cjhndnxfoufl4sqbuygmdj46nux2i6inebtpha4", "uri": "at://did:plc:fpqsj3rdp2ywlzda43czqo2n/app.bsky.feed.post/3lmnaqlchm22a" }, "parent": { "cid": "bafyreighghnme4ngjcef4d4l7hxiyxf6tjwrsvk27347wiwtzyhyqu4ayu", "uri": "at://did:plc:hncw72gfr6kxhz3vgxyd4b3t/app.bsky.feed.post/3lmngkwwqds22" } }, "facets": [ { "$type": "app.bsky.richtext.facet", "index": { "byteEnd": 118, "byteStart": 96 }, "features": [ { "did": "did:plc:vgivibsokugj4ptob4vcbhck", "$type": "app.bsky.richtext.facet#mention" } ] }, { "index": { "byteEnd": 172, "byteStart": 144 }, "features": [ { "uri": "https://css-irl.info/controlling-leftover-grid-items/", "$type": "app.bsky.richtext.facet#link" } ] } ], "createdAt": "2025-04-13T04:24:39.117Z" } }