flex-directionが機能しません

フレックスボックスを使うには、親要素に「display: flex」が必要です。
2020年4月26日
ユーザー

いつも大変お世話になっております。
添付ファイルの状態(主軸が縦軸)からflex-directionで横軸に代わりません)
どうしたらいいでしょうか?

書いたコードは以下になります。

HTML

<body>
<div class="container">
  <div class="box1">box</div>
  <div class="box2">box</div>
  <div class="box3">box</div>
</div>
</body>

CSS

.container {
  flex-direction: row;
}

.box1 {
  width: 100px;
  height: 100px;
  background-color: pink;
}
.box2 {
  width: 100px;
  height: 100px;
  background-color: blue;
}
.box3 {
  width: 100px;
  height: 100px;
  background-color: tomato;
}

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

プレミアムプランとは?

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