display: grid; のテスト

2020年07月31日
ブログカスタマイズに挑戦
未完成。難しすぎ(;゚Д゚)

レスポンシブ対応のグリッドレイアウト。

.gridbox6 Luminousあり

.gridbox6 Luminousなし

P1020199.jpg
P1020199.jpg
P1020196.jpg
P1020196.jpg
P1020196.jpg
P1020196.jpg

.gridbox4 Luminousなし

縦長
横長
横長
縦長

.gridbox3 Luminousあり

.gridbox3 Luminousなし

横長
横長
縦長
関連記事
bon
コメント投稿について
コメントは承認制です。管理人が承認しだい表示されます。
非公開コメントもOKですのでお気軽にどうぞ。