CSSフレームワーク使うならCSSグリッドの方が良さそう

フレームワーク（Bootstrapなど）ってCSSをめちゃくちゃ楽に書けますよね。

でも今は別の書き方の方が主流になってきてる気がします。

その書き方とは、Gridレイアウトです！

Gridレイアウトとは？

GridレイアウトとはCSSで要素を4行✗2列などの形で並べたい時などに使うものです。Bootstrapでは12列を基準にコーディングをしていきますよね。それをすべてCSSで書けるのがGridレイアウトです！

フレームワークと比べた時のメリット・デメリット

Gridレイアウトのメリット

コードが短くなる！！

これにつきますね、Gridを覚えてしまえばかなり楽にコーディングすることが可能になります。Bootstrapなどのフレームワークには機能に制限があるのも悩みどころです。

Gridレイアウトのデメリット

サポートしていないブラウザがある（あった）。

GridはIEでサポートされていなかったんですが、実は2020年からIE11までサポートすることがわかりました。現在ではIE10のみサポートされていない状況です。IE10は相当古い環境でPCを扱う人しか使っていないので殆どの場合Gridが使用可能となっています。

まとめ

サイトを楽に効率的にコーディングするならGridレイアウトが断然おすすめです。Bootstrapに慣れている方もGridの方がサイトを軽くするという意味でGridを使えるようにした方がいいでしょう。

注意点として、IE11対応でベンダープレフィックスを忘れないようにしましょう。