Grid Garden ️

Podobnie jak w przypadku selektorów CSS oraz Flexboxa, również dla CSS Grid mamy do dyspozycji prostą grę w przeglądarce, dzięki której będziemy mieli możliwość w ciekawy sposób utrwalić zdobytą do tej pory wiedzę.

Jak tytuł tego tematu sugeruje, gra nazywa się Grid Garden i możemy w nią zagrać bez zbędnego logowania. W trakcie pokonywania tej prostej gry będziemy mieli za zadanie utrzymać oraz rozwijać ogród z marchewkami. Ogród ma kształt kwadratu podzielonego na pięć kolumn i pięć wierszy. Korzystając z komend poznanych w tej lekcji, musimy wykonywać kolejne postawione nam zadania. Zadań w sumie jest 28, więc nie powinniśmy się nudzić 🙂

Link do gry: Grid Garden (gra dostępna w polskiej wersji językowej 🇵🇱)

🔗 Dodatkowe materiały:

• Get started with grid WITHOUT being overwhelmed
• The Joy of CSS Grid - Build 3 Beautifully Simple Responsive Layouts
• Learn CSS Grid - A 13 Minute Deep Dive
• Learn CSS Grid the easy way