CSSのgapで上下の余白が効かない時の対処法

Tweet

Pocket

CSSのgapは、親要素に高さが設定されていないと、%で指定した時に効きません。

その場合は、親要素に高さを指定するか、レスポンシブだとそれも難しいため、gapを%以外のvw等で指定します。