画像2枚を横並びに

画像2枚を横並びに

カラムブロックで

カラムブロックで囲むと、画面幅が780px前後で一列になる。後出のカラムズクラスの付与なら、630px位で1列に。カラム幅とギャップの指定で、細かな調整が可能になる。グループは、インナーが余分だが。不思議なのは、クラスは外側に付与しているのに、画像はインナーの中で2列になっている。?
それで良いということらしい。ブレークで明示的に制御しない限り、中間のものも、最下位の要素までも、すべてブレークするらしい。

横並びブロックで、ラップにすると縦になる。

figureにflex:1 0 300pxなどを指定するとかない細かくコントロールできる。ベストか?
グローで広がるが、画面幅300以下で、画像がはみ出る。シュリンク1にすると、画像が小さいと、エディタ上で広がらない、

インラインでは、サイズが小さくなる。スタイルで、150pxが指定されている。

グループで囲み、columns-w300 クラスを指定

掲載日時: 2023年6月2日(金) 13:00