Flexbox Froggy - Lv. 19/24 flex-directionとflex-wrapを使って、このカエルの大群がきちんと三列に並ぶようにしてあげてください。 #pond { display: flex; flex-direction: column; flex-wrap: wrap; } Flexbox Froggy - Lv. 20/24 flex-directionとflex-…

Flexbox Froggy - Lv. 13/24 flex-directionとjustify-content、align-itemsを使って、カエルたちがそれぞれの蓮の葉を見つけるのを助けてあげてください。 #pond { display: flex; flex-direction: row-reverse; justify-content: center; align-items: fle…

Flexbox Froggy - Lv. 7/24 再びカエルが池を渡ろうとしています。今度の蓮の葉はずいぶん間隔が空いているようですね。 justify-contentとalign-itemsの組み合わせを使いましょう。 #pond { display: flex; justify-content: space-around; align-items: fl…

Flexbox Froggy CSSコードを書くことで、フロギーや友人を助けてください! このゲームでは、レイアウトを簡単にする強力な新しいモジュールであるCSSフレックスボックスをマスターすることで、カエルをリリーパッドに持ち帰る必要があります。 これにより、1…