【Studio学習中】×【レスポンシブ】

よくある問題：

レスポンシブ時に要素が見切れたり、はみ出たり、不要な余白ができる

対処法：

ボックスを内包する親ボックスの縦幅は、固定値「px」ではなく、「auto」にする

※autoについて

「auto」は子ボックスを持つ親ボックスに設定できる単位です。「auto」に設定したボックスは、その中に存在するボックスと同じ縦幅 / 横幅になります。内包する子ボックスのサイズに合わせて可変するため、さまざまな画面サイズに対応でき、レスポンシブなレイアウトを作成するのに役立ちます。