遊び方
遊び方 フレックス池
難しくなる8つのステージでFlexboxプロパティを入力し、カエルの位置を調整して対応するハスの葉に乗せます。
操作方法
- CSS入力欄にレイアウト宣言を入力
- Run codeで確認;左右のボタンでステージを切り替え
ヒント
- まずjustify-contentで主軸上の位置を調整しましょう。
- 次にalign-itemsで交差軸上の位置を調整しましょう。
コーディングパズル · プレイする
Flex Pond
FlexboxのCSSを書いてカエルをハスの葉へ導こう。
遊び方
難しくなる8つのステージでFlexboxプロパティを入力し、カエルの位置を調整して対応するハスの葉に乗せます。