ATProto Browser

ATProto Browser

Experimental browser for the Atmosphere

Post

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

Record data

{
  "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"
  }
}