{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreibgenn65wjuwoy3eihsqjm7eiur766mbznretfcgkroaadz3gxkm4",
    "uri": "at://did:plc:3edw5qvtvdf24qxyhhwuqju2/app.bsky.feed.post/3mmai2tonwo62"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreid3ys7onubyfdplv3eu6lz4kyoxcdnm7ulwhc4rrtvq6qi2u6az2q"
    },
    "mimeType": "image/png",
    "size": 81319
  },
  "path": "/articles/build-websites/operation/css/dairy-css-flexbox-puzzle.html",
  "publishedAt": "2026-05-19T00:36:23.000Z",
  "site": "https://coliss.com",
  "tags": [
    "サイト構築 -CSS",
    "flexbox"
  ],
  "textContent": "flexboxleは、CSS Flexboxをマスターするための毎日楽しめるパズルゲームです。CSS FlexboxのプロパティやTailwind CSSのクラスを使用してHTMLを記述し、目標のレイアウトに合わせて要素 […]",
  "title": "Web制作者の腕試し！ 指定されたレイアウトをCSS Flexboxで実装するパズルゲーム -flexboxle"
}