{"provider_url":"https://hatena.blog","url":"https://becolomochi.hatenablog.com/entry/2021/01/10/034417","height":"190","provider_name":"Hatena Blog","title":"Tailwind CSS \u306e\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u8aad\u3093\u3067\u3044\u308b\uff08\u5f8c\u3067\u66f4\u65b0\u3059\u308b\uff09","version":"1.0","description":"\u72b6\u614b \u9014\u4e2d\u3060\u3051\u3069\u516c\u958b\u3059\u308b\u3002\u307e\u305f\u5f8c\u3067\u66f8\u304d\u8db3\u3059\u3002 Tailwind CSS tailwindcss.com Utility-First \u306e\u30da\u30fc\u30b8 tailwindcss.com \u611f\u60f3 \u66f8\u304d\u65b9\u3092\u899a\u3048\u308c\u3070\u66f8\u304d\u3084\u3059\u305d\u3046 \u30af\u30e9\u30b9\u540d\u306e\u4e0e\u3048\u65b9\u306b\u30d6\u30ec\u304c\u767a\u751f\u3057\u306a\u304f\u306a\u308b \u4ed6\u8005\u3068\u5171\u540c\u4f5c\u696d\u3057\u3084\u3059\u304f\u306a\u308b \u30e1\u30e2 flexbox \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3 https://tailwindcss.com/docs/display#flex flex, flex-shrink-0 padding \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3 https://tailwindcss.com/docs/padding p-6 max-width \u30e6\u30fc\u30c6\u30a3\u30ea\u30c6\u30a3 https\u2026","blog_url":"https://becolomochi.hatenablog.com/","blog_title":"\u30cf\u30f3\u30c9\u30eb\u30cd\u30fc\u30e0\u306e\u7531\u6765\u306f\u4e73\u88fd\u54c1\u597d\u304d\u304b\u3089","published":"2021-01-10 03:44:17","categories":["CSS"],"author_name":"damdom","image_url":null,"width":"100%","type":"rich","html":"<iframe src=\"https://hatenablog-parts.com/embed?url=https%3A%2F%2Fbecolomochi.hatenablog.com%2Fentry%2F2021%2F01%2F10%2F034417\" title=\"Tailwind CSS \u306e\u30b3\u30f3\u30bb\u30d7\u30c8\u3092\u8aad\u3093\u3067\u3044\u308b\uff08\u5f8c\u3067\u66f4\u65b0\u3059\u308b\uff09 - \u30cf\u30f3\u30c9\u30eb\u30cd\u30fc\u30e0\u306e\u7531\u6765\u306f\u4e73\u88fd\u54c1\u597d\u304d\u304b\u3089\" class=\"embed-card embed-blogcard\" scrolling=\"no\" frameborder=\"0\" style=\"display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;\"></iframe>","author_url":"https://blog.hatena.ne.jp/damdom/"}