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対応でベンダープレフィックスを忘れないようにしましょう。