こんにちは、ワタナベです。
大分気温が上がって暑さを感じるようになってきました。
今回は、サイズ違いの横並びの要素の端と端をそろえたいときの備忘録。
どういうことかというと、下記をご覧ください。
SAMPLE
See the Pen
Untitled by Akiho (@wcaotdaenpaebne)
on CodePen.
↑のように一番端が綺麗に揃っています。改行させても端はガタガタになりません。
やり方は簡単で、横並びになっている要素に「flex-grow: 1;」を追加するだけです。
動的要素だとこの辺が難しかったのですが、これでなんとかなりそうです(^^)/
▼THANKS！
それではまた次回。
ご閲覧ありがとうございました♪
