gap 8pxは、なぜ.conainerで指定しないと機能しないのでしょうか?

gapプロパティがコンテナでのみ有効なためです。
2024年1月8日
ユーザー

こんにちは。gap 8px は、.box で指定してもいい感じしたのですが、ダメでした。(隙間ができませんでした)
なぜ .conainer で指定しないと機能しないのでしょうか?

.container {
  display: flex;
  flex-wrap: wrap;
  gap:8px;
}
.box {
  height: 80px;
  box-sizing: border-box;
  width: calc((100% - 8px) / 2);
  padding: 8px;
}

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(1)