work_lesson_md

Author: Mikey191

README.md

@@ -8412,62 +8412,63 @@ section {
    - Внутри `<footer>` создайте абзац `<p>` с текстом `"© 2024 Опрос. Все права защищены."`.
 
 #### **Создание стилизации для разметки**:
+
 1. **Общие стили для всего документа (body)**:
 
-    - **Установите шрифт** `Arial, sans-serif` для текста на всей странице.
-    - Задайте **межстрочный интервал** `1.6`.
-    - **Удалите внешние и внутренние отступы**.
-    - Установите **фоновый цвет** страницы: `#f4f4f9`.
-    - Укажите **основной цвет текста**: `#333`.
-    - Настройте **гибкий макет для всего документа** `flex`:
-      - Укажите **направление оси** — `вертикальное`.
-      - Задайте **минимальную высоту экрана** для документа равной `100vh` от высоты окна.
+   - **Установите шрифт** `Arial, sans-serif` для текста на всей странице.
+   - Задайте **межстрочный интервал** `1.6`.
+   - **Удалите внешние и внутренние отступы**.
+   - Установите **фоновый цвет** страницы: `#f4f4f9`.
+   - Укажите **основной цвет текста**: `#333`.
+   - Настройте **гибкий макет для всего документа** `flex`:
+     - Укажите **направление оси** — `вертикальное`.
+     - Задайте **минимальную высоту экрана** для документа равной `100vh` от высоты окна.
 
 2. **Стили для элемента `header`**:
 
-    - Установите **фоновый цвет** `#333`.
-    - Измените **цвет текста** на **белый** (`#fff`).
-    - Добавьте **внутренние отступы**: `сверху` и `снизу` — `10px`, `слева` и `справа` — `20px`.
-    - **Выравнивание текста по центру**.
+   - Установите **фоновый цвет** `#333`.
+   - Измените **цвет текста** на **белый** (`#fff`).
+   - Добавьте **внутренние отступы**: `сверху` и `снизу` — `10px`, `слева` и `справа` — `20px`.
+   - **Выравнивание текста по центру**.
 
 3. **Стили для элемента `footer`**:
 
-    - Используйте те же `фон`, `цвет текста` и `отступы`, что и у `header`.
-    - Добавьте **дополнительное правило** для создания адаптивного макета:
-      - Укажите, что `footer` должен всегда находиться внизу страницы, добавив **автоматический верхний отступ** (`margin-top: auto`).
+   - Используйте те же `фон`, `цвет текста` и `отступы`, что и у `header`.
+   - Добавьте **дополнительное правило** для создания адаптивного макета:
+     - Укажите, что `footer` должен всегда находиться внизу страницы, добавив **автоматический верхний отступ** (`margin-top: auto`).
 
 4. **Стили для контейнера с классом `.container`**:
 
-    - Задайте **максимальную ширину** в `800px`.
-    - `Центрируйте контейнер`, используя автоматические внешние отступы по горизонтали.
-    - Добавьте **внутренний отступ** `20px`.
-    - Установите фон контейнера белым (`#fff`).
-    - Сделайте **углы контейнера закругленными** на `8px`.
-    - Добавьте **легкую тень** с параметрами:
-      - **Смещение по оси X и Y**: `0` и `4px`.
-      - **Размытие**: `8px`.
-      - **Цвет тени**: полупрозрачный черный (`rgba(0, 0, 0, 0.1)`).
+   - Задайте **максимальную ширину** в `800px`.
+   - `Центрируйте контейнер`, используя автоматические внешние отступы по горизонтали.
+   - Добавьте **внутренний отступ** `20px`.
+   - Установите фон контейнера белым (`#fff`).
+   - Сделайте **углы контейнера закругленными** на `8px`.
+   - Добавьте **легкую тень** с параметрами:
+     - **Смещение по оси X и Y**: `0` и `4px`.
+     - **Размытие**: `8px`.
+     - **Цвет тени**: полупрозрачный черный (`rgba(0, 0, 0, 0.1)`).
 
 5. **Стили для заголовков `h1` и `h2`**:
 
-    - **Выравнивайте текст по центру**.
+   - **Выравнивайте текст по центру**.
 
 6. **Стили для блоков с вопросами (`.question`)**:
 
-    - Добавьте **нижний внешний отступ** в `20px` для каждого блока.
+   - Добавьте **нижний внешний отступ** в `20px` для каждого блока.
 
 7. **Стили для заголовков вопросов (`h3`) внутри `.question`**:
 
-    - Добавьте **нижний внешний отступ** в `10px`.
+   - Добавьте **нижний внешний отступ** в `10px`.
 
 8. **Стили для списков вариантов (`.options`)**:
 
-    - **Удалите маркеры** списков.
-    - Установите **внутренние отступы** равными `0`.
+   - **Удалите маркеры** списков.
+   - Установите **внутренние отступы** равными `0`.
 
 9. **Стили для пунктов списков (`li`) внутри `.options`**:
 
-    - Добавьте **нижний внешний отступ** в `8px`.
+   - Добавьте **нижний внешний отступ** в `8px`.
 
 10. **Стили для кнопки отправки (`.btn-submit`)**:
 
@@ -8484,4 +8485,4 @@ section {
 
 #### Результат верстки должен быть **примерно** таким:
 
-<img src="img/lesson15/result1.jpg" width="500px">
+<img src="img/lesson15/result1.jpg" width="500px">