女性向けエンジニアスクール
余った幅を分け合う
CSSレイアウト入門 / 全 5 枚
gap は隙間だけを作る
アイテムどうしのすきまは、子に margin を書くより親に gap を書くほうがずっと簡単です。
.site-nav ul {
display: flex;
gap: 20px;
gapアイテムとアイテムの間だけ}
.site-nav ul {
display: flex;
gap: 20px;
アイテムとアイテムの間だけ
}
margin だと端にも余白がついてしまい、最初や最後だけ打ち消す指定が必要になります。gap なら余白の管理を親1か所に集められます。
1 / 5
← → キーでも送れます