お世話になっております。
justify-content
の余白について疑問に思ったので質問します。
今、container
の横幅が800pxでinfo
が50%ですので400px、pic
ではwidth:calc(50% - 32px);
に指定されているので368pxになっています。
justify-content: space-between;
を指定しないと左揃えでflex-grow
の初期値は0なので右側に32px余白が生じているかと思います。
justify-content: space-between;
を指定した際、要素間で余白が均等に割り振らるはずですからinfo
とpic
の間に32px余白が生じると思いますが開発ツールのcomputed
ではbox
のmargin
などは「-
」でした。
確認する方法は自分で計算するしかないのでしょうか。
この回答を見るにはプレミアムプランへの登録が必要です
プレミアムプランとは?