any edits

Author: Mikey191

README.md

@@ -4481,7 +4481,7 @@ body {
 }
 ```
 
-### Практическая работа.
+### Практическая работа 1
 
 #### Подготовка файла с html-разметкой.
 
@@ -4554,17 +4554,16 @@ body {
 1. Преобразуйте контейнер блока **«О нас»** в flex-контейнер с помощью `display: flex;`.
 2. Распределите пространство между изображением и текстом, установив для flex-контейнера расстояние (`gap`) между элементами в `5%`.
 3. Прижмите содержимое блока к центру, используя `justify-content: center;`.
-4.
-5. Стилизуйте изображение:
+4. Стилизуйте изображение:
    - Задайте его ширину `50%` от контейнера.
    - Закруглите углы изображения, используя `border-radius: 10px;`.
    - Добавьте эффект тени с помощью `box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);`, чтобы выделить его.
-6. Задайте для блока **«О нас»** цвет фона `#f7e4d1`.
-7. Добавьте внутренние отступы для блока: `сверху и снизу по 40px`, `слева и справа — 20px`.
-8. Стилизуйте текстовый блок с описанием компании:
+5. Задайте для блока **«О нас»** цвет фона `#f7e4d1`.
+6. Добавьте внутренние отступы для блока: `сверху и снизу по 40px`, `слева и справа — 20px`.
+7. Стилизуйте текстовый блок с описанием компании:
    - Выравнивание текста установите по левому краю с помощью `text-align: start;`.
    - Добавьте внутренние отступы вокруг текста, чтобы улучшить его читаемость, в `5px`.
-9. Для параграфа с текстом установите высоту строки (`line-height`) равную `1.6`, чтобы повысить читабельность текста.
+8. Для параграфа с текстом установите высоту строки (`line-height`) равную `1.6`, чтобы повысить читабельность текста.
 
 #### Часть 3: Сетка товаров
 
@@ -4573,7 +4572,7 @@ body {
 1. Создайте секцию для блока товаров.
 2. Создайте заголовок второго уровня "Наши товары".
 3. Создайте блок с карточками товаров.
-4. Добавьте в него 12 карточек товара, каждая из которых состоит из изображения, названия товара, описания, цены и кнопки " В корзину".
+4. Добавьте в него 12 карточек товара, каждая из которых состоит из изображения, названия товара, описания, цены и кнопки "В корзину".
 
 **Стилизация**:
 
@@ -4644,41 +4643,33 @@ body {
 2. Внутри футера добавьте логотип и название компании слева, контакты (телефон, email) — справа.
 
 **Стилизация**:
-
-1. Оформите контейнер:
-
-   - Сделайте его flex-контейнером (`display: flex;`).
-   - Центрируйте содержимое по вертикали с помощью `align-items: center;`.
-   - Разместите элементы с равными отступами между ними с помощью `justify-content: space-between;`.
-   - Установите максимальную ширину контейнера `max-width: 1200px;`.
-   - Центрируйте контейнер с помощью `margin: 0 auto;`.
-   - Добавьте горизонтальные отступы по `20px` с помощью `padding`.
-
-2. Оформите сам блок футера:
+1. Оформите блок футер:
 
    - Установите для футера `display: flex;` для горизонтальной организации элементов.
    - Центрируйте элементы по вертикали с помощью `align-items: center;`.
-   - Разместите элементы с равными отступами между ними, используя `justify-content: space-between;`.
+   - Разместите элементы с равномерным распределением, используя `justify-content: space-evenly;`.
+   - Установите максимальную ширину контейнера `max-width: 1200px;`.
+   - Центрируйте контейнер с помощью `margin: 0 auto;`.
    - Добавьте внутренние отступы со всех сторон по `20px`.
    - Установите цвет фона `#3e2e26` и белый цвет текста `color: #fff;`.
 
-3. Стилизуйте левый и правый блоки:
+2. Стилизуйте левый и правый блоки:
 
    - Сделайте их flex-контейнерами (`display: flex;`).
    - Центрируйте содержимое по вертикали (`align-items: center;`).
 
-4. Оформите логотип:
+3. Оформите логотип:
 
    - Установите размеры изображения шириной и высотой по `40px`.
    - Закруглите изображение до круга с помощью `border-radius: 50%;`.
    - Добавьте отступ справа `10px`.
 
-5. Стилизуйте контактную информацию:
+4. Стилизуйте контактную информацию:
 
    - Установите горизонтальные отступы в `10px`, чтобы отделить блоки друг от друга.
    - Задайте размер шрифта 16px.
 
-6. Добавьте иконки перед контактной информацией:
+5. Добавьте иконки перед контактной информацией:
    - Перед первым `<p>` элементом вставьте значок телефона (📞) с помощью content: "📞" в псевдоэлементе ::before.
    - Перед вторым `<p>` элементом вставьте значок почты (📧) с помощью content: "📧" в псевдоэлементе p + p::before.