2020年4月26日解決済み

flex-directionが機能しません

ユーザー

いつも大変お世話になっております。
添付ファイルの状態（主軸が縦軸）から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;
}

スタッフ

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

3分で気軽に学習でき、スマートフォンからも視聴可能です。ホームページやWebサービスの制作を通して、実践的にプログラミングを学べます。

他にも、ゲーム制作やデータ分析・機械学習・AIに使われる言語まで幅広くカバー。学びたい分野のレッスンがきっと見つかります。

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

プレミアムプランとは？

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

flex-directionが機能しません

関連する質問と回答

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

サービスメニュー

ご利用にあたって

ソーシャルメディア

更新情報