コーディング

最近熱いdisplay:grid

  • このエントリーをはてなブックマークに追加

こんにちは最近無職転生にハマっている制作部の関です。

アニメから始まり、漫画を読み切り、先が気になりすぎてweb版を読んでおります。

あー剣と魔法の世界に行きたい。。。(切実)


さて今回は

3カラムレイアウトのCDをする際に
flexboxではなく、最近熱いといわれているdisplay:grid
gridboxなるものを調べて使用してみました。
https://www.webcreatorbox.com/tech/css-grid-basic-layout

flexboxだとカラムに合わせてのマージンの制御やレスポンシブの調整がかなり面倒だったのですが、

gridboxだとたった数行の記述で自動で合わせてくれました!!

レスポンシブの調整も数を変えるだけで可変レイアウトにできました!

かなり便利だったのでこれからも重宝しそうです。

ちなみにIEは非対称です。

難点は見慣れないコードであるという点ですが

cssの範囲内なので慣れれば特に問題はないという印象でした。

 

以上制作部の関でした。

  • このエントリーをはてなブックマークに追加