display:flex が効いてない気がします

Question

ゆめさく運営 · Accepted Answer

`display: flex` を付ける相手が 1 つずれています。

Flexbox は「並べる側」に付けます。いま付いているのは並べられる側のカードなので、カードの中身が横に並ぶだけで、カード同士は縦のままです。

```css
.card-list {  /* カードを包んでいる親 */
  display: flex;
  gap: 16px;
}
```

親に付け替えると並びます。

yuki.m · Answer

自分もこれやりました。「並べたいものに付ける」んじゃなくて「並べたいものを囲んでる親に付ける」んですよね。最初これが逆に感じて何回も間違えました。

回答 2件