投稿一覧にて表示するようなデザインについて

Question

投稿を以下のように表示したいと考えており調べようとしているのですが、検索しようにも以下のような表示方法の名前が浮かんできません。

なんて名前なのか教えて頂けると幸いです。

Comments

[Zuishin]

どこが三段で何の名前を知りたいんでしょうか？

[lemon_engine]

修正しました。

[Zuishin]

一度に聞きすぎましたか？
一つずつ聞きましょうか。

まず、三段というのはどの部分の数ですか？
言葉での説明ではなく、画像に 1 から 3 までの数字を描いてもらえるとわかりやすくなります。

[lemon_engine]

三段はこちらのミスです。頭がパンパン故に「三段のような」という記載と本文内の「画像の雰囲気」でやりたいことを察してくれるだろうと考えていました。

名前については細かく記載をしたので、そちらをご覧頂けると幸いです。

[Zuishin]

了解しました。それで、名前はこのような白い四角のことではなく、段組みのことですね？
flex か grid でできると思いますが、大きさがそろっているなら flex の方がやりやすいと思います。

[lemon_engine]

段組みを行うような仕組みを技術用語でなんて呼称するのかという質問です。紛らわしくてすみません。

[Zuishin]

「段組み」ではいけませんか？
「css flex」で検索するとサンプルがみつかると思いますが、その検索結果をいくつか読んでみると、もっと自分の言いたいことが言語化できる表現がみつかるかもしれません。

[Zuishin]

検索もたとえば「css flex」を画像検索すると、好みのものがあるかもしれません。

[lemon_engine]

>「段組み」ではいけませんか？
>「css flex」で検索するとサンプルがみつかると思いますが、その検索結果をいくつか読んでみると、もっと自分の言いたいことが言語化できる表現がみつかるかもしれません。

段組み、flex、gridとヒントを頂いたので、それを基に探したいと思います。

[kuma_kuma_]

いまちょうど開いてた
https://webdesign-trends.net/entry/8148
https://coliss.com/articles/build-websites/operation/css/css3-flexbox-properties-by-scotch.html

Answer 1

グリッドレイアウトで検索すると、色々と情報が得られますよ。
あと単純に「タイル状」でもかなりの情報が得られます。
Google検索は優秀ですからね。