PX-WING https://blog.hatena.ne.jp/PX-WING/ フリーランス　技術調査ブログ https://px-wing.hatenablog.com/ tailwindcss 参考ページ tailwindcss.com サンプルコード1 <!-- コンテナ ---> <!-- １列を4カラムにする grid-cols-4 ---> <div class="grid grid-cols-4"> <!-- アイテム ---> <div class="border-2">1</div> <!-- このアイテムは２カラム分利用する ---> <div class="border-2 col-span-2 bg-green-200">2</div> <!-- このアイテムは行のはじめに配置して２カラム分利用する ---> <div class="border-2 col-st… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fpx-wing.hatenablog.com%2Fentry%2F2021%2F02%2F15%2F065527" title=" tailwindcssのgridのレイアウトを触ってみる - フリーランス　技術調査ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/P/PX-WING/20210210/20210210100600.png Hatena Blog https://hatena.blog 2021-02-15 06:55:27 rich https://px-wing.hatenablog.com/entry/2021/02/15/065527 1.0 100%