{"type":"rich","description":"\u3053\u3093\u306b\u3061\u306f\u3002\u30b7\u30b9\u30c6\u30e0\u4e8b\u696d\u90e8\u306e\u4e94\u5341\u5cf6\u3067\u3059\u3002 \u524d\u56de\u306e\u8a18\u4e8b\u306b\u5f15\u304d\u7d9a\u304d CSS Grid Layout\u306e\u3054\u7d39\u4ecb\u3067\u3059\u3002 \u524d\u56de\u306f\u305f\u3060\u5358\u306b\u4e26\u3079\u305f\u3060\u3051\u3067\u3001float: leftl; float: right \u3068\u3042\u307e\u308a\u5927\u5dee\u304c\u306a\u3044\u3088\u3046\u306b\u611f\u3058\u305f\u3068\u601d\u3044\u307e\u3059\u304c\u3001 \u4eca\u56de\u306f\u4efb\u610f\u306e\u4f4d\u7f6e\u306b\u8868\u793a\u3059\u308b\u624b\u6cd5\u3092\u8aac\u660e\u3057\u3066\u3044\u304d\u307e\u3059\u3002 \u524d\u56de\u306e\u304a\u3055\u3089\u3044 \u524d\u56de\u307e\u3067\u306f\u6a2a\u30923\u7b49\u5206\u306b\u5206\u5272\u3059\u308b\u8a2d\u5b9a\u3092\u884c\u3044\u307e\u3057\u305f\u3002 \u5404\u8981\u7d20\u306f1\u683c\u5b50\u306b\u53ce\u307e\u308b\u5f62\u306a\u306e\u3067\u3001\u7e26\u306f\u81ea\u52d5\u7684\u306b2\u6bb5\u306b\u306a\u308a\u307e\u3059\u3002 \u524d\u56de\u306ehtml\u306ediv\u30bf\u30b0\u306bclass\u5c5e\u6027\u3092\u4ed8\u4e0e\u3059\u308b\u3068\u3053\u308d\u304b\u3089\u59cb\u307e\u308a\u307e\u3059\u3002 \u30bd\u30fc\u30b9\u30b3\u30fc\u30c9 gird.html <div id=\"grid-main\"> <div class=\"gri\u2026","title":"CSS Grid Layout\u306e\u3059\u3059\u3081\uff08\u30d1\u30fc\u30c82\uff09","author_url":"https://blog.hatena.ne.jp/zenet-tech/","provider_url":"https://hatena.blog","url":"https://media.zenet-web.co.jp/entry/2018/03/01/115427","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fmedia.zenet-web.co.jp%2Fentry%2F2018%2F03%2F01%2F115427\" title=\"CSS Grid Layout\u306e\u3059\u3059\u3081\uff08\u30d1\u30fc\u30c82\uff09 - Zenet Tech Blog\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","blog_title":"Zenet Tech Blog","author_name":"zenet-tech","image_url":"https://cdn-ak.f.st-hatena.com/images/fotolife/z/zenet-tech/20210317/20210317110957.jpg","blog_url":"https://media.zenet-web.co.jp/","provider_name":"Hatena Blog","categories":["html","CSS","\u30a4\u30f3\u30c8\u30ed\u30c0\u30af\u30b7\u30e7\u30f3"],"height":"190","width":"100%","version":"1.0","published":"2018-03-01 11:54:27"}