Flex Göleti - CSS Flexbox Oyunu

Flex Göleti CSS Flexbox ile kurbağaları nilüfere zıplat

Yavru Kurbağa

0 / 100

Seviye 1 / 100

Kolay

Görev

💡 Yeni Özellik

goleti.css Gerçek CSS

Gerçek CSS karşılığı

🐸 Her kurbağa, kendi renginin nilüferine oturmalı.

🐸🎉

Harika! Hepsi nilüferde!

Kodu Türkçe yazarsın, arka planda gerçek CSS Flexbox çalışır. İstersen gerçek CSS adlarını da yazabilirsin: justify-content, align-items, flex-direction…

Bölümler

🐸

Flex Göleti'ne Hoş Geldin!

Zıpzıp ve arkadaşları nilüfer yapraklarına konmak istiyor ama göletin düzenini sen kuracaksın. Soldaki kod kutusuna Türkçe Flexbox kuralları yazarak kurbağaları yerlerine zıplat.

1 Görevi oku, renkli nilüferleri gör.
2 Kod kutusuna kuralı yaz: ana-hiza: son;
3 Çalıştır'a bas; kurbağalar yerine zıplasın! 🐸

100 seviye var: Kolay, Orta, Orta-Zor, Zor ve Uzman. Seviyeyi geçtikçe yenisi açılır.