Webサイトでよく使用するレスポンシブ対応のシンプルなグリッドやサイドバー、フレキシブルなパディングの実装、ギャラリーやカード型レイアウトなど、レイアウトやコンポーネントを実装するCSSのコードを紹介します。 CSSの実装は年々進化しており、さまざまなプロジェクトで使用できるシンプルで最小限のコードをまとめたスニペットをアップデートしておくと便利です。 SmolCSS SmolCSS -GitHub SmolCSSでは、レイアウトやコンポーネントを実装するCSSの最小限のコードがまとめられています。 まずは、レスポンシブ対応のグリッドレイアウト。
![レスポンシブ対応のレイアウトやコンポーネントだけを実装するCSSのシンプルなコードのまとめ -SmolCSS](https://cdn-ak-scissors.b.st-hatena.com/image/square/b597a18effd3580528e24328f66c457d9b66ccb6/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-202103%2F2021071601-01.png)