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;
}

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

プレミアムプランとは？

この質問のレッスン

PREMIUM

【旧版】詳解CSS フレックスボックス編

ウェブページのレイアウトに広く使われている、CSSのフレックスボックスについて見ていきます。

#03 要素の並び､揃えを制御しよう

ドットインストール - 3分動画でマスターできるプログラミング学習サービス

flex-directionが機能しません

この質問のレッスン

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

サービスメニュー

ご利用にあたって

プログラミング勉強会

ソーシャルメディア

更新情報