CSSの`max-width`プロパティは、要素が取りうる最大の幅を設定するために使用されます。このプロパティの値に設定された幅を超えることはなく、内容に基づいてそれより小さくなることがあります。つまり、要素の幅が`max-width`で指定された値より大きくなる ...

そもそも min-width・max-width とは？ width は要素の幅を明示的に指定するプロパティですが、 min-width / max-width は、その最小値・最大値を制約として設定するプロパティです。 このように設定することで、幅は基本的に100%に従うが、300pxより小さくならず、1200px ...

幅いっぱいの要素から左右のマージンを引きたいときに、こういうCSSを使用すると思います。width: calc(100% - 48px); 便利なCSSですが、マージンを計算する必要があり、デザインの変更があった際はCSSも変更する必要もあります。 そこでstretchキーワードを使用 ...

Following the guide of the fonts page of google fonts: We'll learn other dimension and measure unit but in here just remember: The child element get height % with the parent. So set height of html tag ...