flex;で指定した子要素にあたるものの幅を可変にしたくない時ってありますよね。画像とテキストが横に並んだメディアと呼ばれるようなものです。何もしないまま(初期値のまま)だと各幅は可変です。1;となっているからです。そのため、例えば画像を置いているところを固定のままにしたい、というようなときはわざわざ明示しないといけないらしいです。0;widthやflex-basisをいじってもうまくいかない人は一度試してみてください。下の参考サイトで学ばせていただきました。幅が決まっている固定要素と幅が決まっていない柔軟な可変要素をうまく組み合わせたレイアウトをFlexboxで実装するCSSのテクニックを紹介します。【WordPress】管理画面にてユーザー(投稿者)が他のユ...関連記事CSS命名規則はBEM/mindBEMdingをベースに行ってみる前回の記事でFLOCSS設計思想に基づいて、CSS設計を行っていくという話をしました。そちらで参考サイトの方は、命名規則をBEMMindBEMdingで行っているとのことでしたので、早速調べてみました。[...]2022年6月7日CSSCSSfv画像をぴったりあてはめたい時、画像下に余白が出来た久しぶりにfvn背景画像を充てるところで時間がかかってしまいました。[...]2022年6月28日CSSCSSflexbox使用時に各item(子要素)間の余白を調整したいflexboxを用いている時に、flex-item間、つまり子要素間の余白を取るときはgapという方法があるそうです。[...]2022年7月3日CSSCSSモーダルウィンドウを実装する時に参考にしたサイトモーダルウィンドウも、初級から中級編に入ったばかりのころに勉強していましたが、今回少し忘れてしまっていました。下記のサイトで記憶を戻しつつ、静的サイト部分は完成しました。[...]2022年6月29日CSSこの投稿へのトラックバックコメントはありません。Comments表示できるコメントはありません。