Для кожного завдання створи окремі класи у style.css та застосуй їх до правильних тегів.
📌 Структура файлів: index.html + style.css
Відтвори цей блок:
200px200px#3498dbВідтвори ці два блоки:
#e74c3c#2ecc71Відтвори вкладені блоки:
#f39c12#8e44adВідтвори три вкладені блоки:
#1abc9c#e67e22#c0392bВідтвори блок з двома дочірніми блоками всередині:
#2c3e50#f1c40f#e91e63Відтвори блоки різної висоти у колонці:
#9b59b6#27ae60#e74c3cВідтвори чотири рівні вкладеності:
#ecf0f1#bdc3c7#95a5a6#7f8c8dВідтвори блок з двома колонками всередині:
#34495e#e74c3c#f39c12#2ecc71Відтвори блок з шириною у відсотках:
#16a085#d35400Створи своє! Зроби щонайменше 3 вкладені блоки з класами .box-outer, .box-middle,
.box-inner.
#6c5ce7#00cec9#fd79a8
📌 Важливо:
Кожен клас пишеться окремо у style.css.
Використовуй тільки HTML та CSS.
Практикуй властивості:
width,
height,
background.