ピンタレストのようなカードレイアウトをCSSのみで実装してみた

Wenサイト制作をしているとおしゃれなカードレイアウトを組んでみたいな～とか思うことありますよね！

私もその一人です。

ピンタレストさんを見てみると、JavaScriptで制御しているようですがさすがに普通のサイト制作ではハードルが高い方法になるので、コスト的にもあまりお勧めできません。

そこで、今回はCSSを使用してブラウザにレイアウトを任せちゃおう！という趣旨でピンタレスト風のカードレイアウトを作成しました！

参考にしていただけると幸いです。

作成したのは下記のようなカードレイアウトになります。 CodePenを開いていただき、画面幅を変えたりしてご確認ください。