コーディングパズル · プレイする

フレックス池

Flex Pond

FlexboxのCSSを書いてカエルをハスの葉へ導こう。

Flex Pond cover
ゲームを読み込み中…

遊び方

遊び方 フレックス池

難しくなる8つのステージでFlexboxプロパティを入力し、カエルの位置を調整して対応するハスの葉に乗せます。

操作方法

  • CSS入力欄にレイアウト宣言を入力
  • Run codeで確認;左右のボタンでステージを切り替え

ヒント

  1. まずjustify-contentで主軸上の位置を調整しましょう。
  2. 次にalign-itemsで交差軸上の位置を調整しましょう。