Для кожного завдання створи окремі класи у style.css та застосуй їх до правильних тегів.
📌 Структура файлів: index.html + style.css
Відтвори блок. Оціни розмір батьківського на око:
#2c3e50, розміри в px#e74c3c, розміри в %Відтвори блок. Оціни розмір батьківського на око:
#8e44ad, розміри в px#f1c40f, розміри в %Відтвори вкладені блоки. Оціни розмір батьківського на око:
#16a085, розміри в px#e67e22, розміри в %Три дочірні блоки стоять у колонці та ділять висоту батьківського. Оціни розмір батьківського на око:
#2d3436, розміри в px#e74c3c, розміри в %#3498db, розміри в %#2ecc71, розміри в %Батьківський залежить від вікна браузера, два дочірніх стоять у колонці. Оціни значення на око:
#c0392b, ширина в vw, висота в vh#f1c40f, розміри в %#9b59b6, розміри в %Батьківський залежить від вікна, три дочірніх стоять у колонці. Оціни значення на око:
#6c5ce7, ширина в vw, висота в vh#e17055, розміри в %#00cec9, розміри в %#fdcb6e, розміри в %Батьківський залежить від вікна, дочірній залежить від батьківського. Оціни значення на око:
#00b894, ширина в vw, висота в vh#fd79a8, розміри в %Батьківський залежить від вікна, дочірній залежить від батьківського. Оціни значення на око:
#e17055, ширина в vw, висота в vh#0984e3, розміри в %Три рівні: батьківський від вікна, кожен дочірній від свого батьківського. Оціни значення на око:
#2c3e50, ширина в vw, висота в vh#e74c3c, розміри в %#f1c40f, розміри в %% рахується від свого безпосереднього батьківського!Три дочірніх блоки стоять у колонці всередині батьківського. Оціни значення на око:
#2c3e50, ширина в vw, висота в vh#e74c3c, розміри в %#f39c12, розміри в %#2ecc71, розміри в %
📌 Важливо:
Кожен клас пишеться окремо у style.css.
Використовуй тільки HTML та CSS.
Практикуй одиниці:
%,
vw,
vh.