「ブレイクポイント毎にカラム間の余白を変えられるグリッドシステムってなかなか無いな」と思いたち、lime-grid.css という Flexbox ベースの CSS グリッドシステムを公開しました。 lime-grid.css https://wadackel.github.io/lime-grid.css/ 以降、作った背景や使い方、カスタマイズの方法について書いていきたいと思います。 背景CSS のグリッドシステムは既にかなりの数のフレームワークが公開されています。グリッドシステムに沿ったデザインをコーディングしていく際は、その中から適切に選んだものを使う、という方も多いと思います。 しかし、一般的に使われているものの多くはカラム間の余白 (gutter width) が固定値で、以下の様なデザインの要件によっては使いづらいことも。 デスクトップ = 40pxタブレット = 30pxモ
![ブレイクポイント毎に柔軟な調整ができるFlexboxベースのCSSグリッドシステムを作った - wadackel.me](https://cdn-ak-scissors.b.st-hatena.com/image/square/22d660e7f195dee3eda464905d6b48b9556f35cb/height=288;version=1;width=512/https%3A%2F%2Fblog.wadackel.me%2F2017%2Flime-grid-css%2Fogp.png)