<!--
CO_OP_TRANSLATOR_METADATA:
{
  "original_hash": "9d4d75af51aaccfe9af778f792c62919",
  "translation_date": "2025-08-27T22:38:16+00:00",
  "source_file": "3-terrarium/2-intro-to-css/assignment.md",
  "language_code": "uk"
}
-->
# Рефакторинг CSS

## Інструкції

Перестилізуйте тераріум, використовуючи Flexbox або CSS Grid, і зробіть скріншоти, щоб показати, що ви протестували його в кількох браузерах. Можливо, вам доведеться змінити розмітку, тому створіть нову версію додатка з мистецтвом, яке буде використане для вашого рефакторингу. Не хвилюйтеся про те, щоб зробити елементи перетягуваними; наразі лише рефакторизуйте HTML і CSS.

## Критерії оцінювання

| Критерій | Відмінно                                                          | Задовільно                   | Потребує покращення                  |
| -------- | ----------------------------------------------------------------- | ---------------------------- | ------------------------------------ |
|          | Повністю перестилізований тераріум за допомогою Flexbox або CSS Grid | Перестилізовано кілька елементів | Не вдалося перестилізувати тераріум |

---

**Відмова від відповідальності**:  
Цей документ був перекладений за допомогою сервісу автоматичного перекладу [Co-op Translator](https://github.com/Azure/co-op-translator). Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критично важливої інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.