masonryレイアウト

今回ポートフォリオをWordpressの自作テーマで作り直すことにした

どうせなら画像を敷き詰めたいと思い、調べてみるとFlexboxではないよう

Pintarestのように画像を敷き詰めるレイアウトをmasonryレイアウトと言うらしい

いくつかやり方があるみたいだけど、今回は下記のやり方で

爆速作成：TailwindCSSのみでMasonryレイアウトを作成する - Qiita

<script src="https://cdn.tailwindcss.com"></script>

を追加して親要素と子要素に各々classを付与するときれいに並んだ

cssだけでcolumn-countを指定するとそれらしくはなるけどmarginが揃わなかったりするので、TailwindCSSを使うのが良さそう