Add responsive layout lab practicum

2026-11-07 12:49:42 +03:00
parent f4c3da0a64
commit 52238dd46b
5 changed files with 589 additions and 0 deletions
@@ -0,0 +1,10 @@
+# Практикум по адаптивной вёрстке
+
+Откройте `index.html` в браузере и редакторе кода. Для работы достаточно браузера и любого текстового редактора.
+
+- **index.html** — условия заданий, готовая разметка для заданий 01–05 и места для своей разметки в заданиях 06–10.
+- **student.css** — файл для ваших стилей. Для каждого задания в нём есть свой раздел.
+- **lab.css** — оформление практикума. Оставьте этот файл как есть.
+- **mountains.svg** — местная иллюстрация для заданий с изображением.
+
+После каждого изменения сохраните файл и обновите страницу. В режиме устройства в инструментах разработчика задавайте ширину и высоту области просмотра по условиям задания. Для проверки медиазапросов попробуйте ширину на один пиксель меньше порога и ровно на пороге.