続・レイアウトを考える
#NoTags
display: gridを使ってまだ考えてみる
目標、システムから生成されるのをもっと多様にしたい
下辺だからこそ、難しいポイント
本は固定レイアウトなので、固定化された誌面に、文字と画像を流し込むことが容易である。
一方、ウェブは文字が可変で、下に伸びていく(横に伸ばすことも可能だが、ここは極力一般的なものとする)
固定が難しい一方、ウェブでは計算が可能になる。例えば文字数に応じて、幅に応じてなど。
少し複雑だが、文字数に応じて、などはやる価値はあるだろう
エレメントの順番
HTMLは基本、左上から始まり、走査線的に流れていく、右まで行ったら折り返しという具合。
display:gridも同じで、未指定であれば、同じ流れになる。
1画面でやるっていうのもある
https://x.com/_harshworks/status/2047289214816162223
display: gridの挙動