Skip to content

Commit c1493ae

Browse files
committed
[PW-11.11/ret] Correct README.md file
Adding "new" functional, structural description for this proj (what/how). Worth noting: - that this is a realization of the "Lagoona" web page. core: B-2 / WL-BL
1 parent e5037ef commit c1493ae

File tree

1 file changed

+22
-12
lines changed
  • core-courses/2-web-layout-basic-level/11_Advanced_CSS_Part_2/11_11_Practical_Work_11_Advanced_CSS

1 file changed

+22
-12
lines changed

core-courses/2-web-layout-basic-level/11_Advanced_CSS_Part_2/11_11_Practical_Work_11_Advanced_CSS/README.md

Lines changed: 22 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -2,28 +2,36 @@
22

33
### Описание проекта
44

5-
**Lagoona** — это проект/сайт, созданный в рамках изучения продвинутых возможностей CSS. Проект ориентирован на практическое применение CSS Flexbox, анимаций/состояний и адаптивной вёрстки.
5+
Проект **Lagoona** — это учебный сайт, выполненный в рамках четырёх практических работ, направленных на изучение продвинутых возможностей CSS.
66

77
[🔗 Демо-версия на GitHub Pages](https://matowdev.github.io/fullstack-js-by-skillbox/core-courses/2-web-layout-basic-level/11_Advanced_CSS_Part_2/11_11_Practical_Work_11_Advanced_CSS/)
88

99
---
1010

1111
### Функциональность
1212

13-
- **Гибкий макет** (адаптивная вёрстка для ряда разрешений).
14-
- **Использование CSS Flexbox** (для удобного расположения элементов на странице).
15-
- **Продвинутые стилистические решения** (работа с градиентами, фильтрами и состояниями).
13+
- **Гибкая адаптивная сетка** (использование `nth-child` и Flexbox для позиционирования элементов).
14+
- **Анимации состояний** (:hover, :focus, :active для интерактивных элементов).
15+
- **Позиционирование элементов** (использование `position: absolute` для скрытых слоёв).
16+
- **Форма с валидацией** (обязательные поля и корректная отправка данных).
17+
- **Работа с `background` и `nth-child`** (стилистическая обработка элементов).
18+
19+
---
20+
21+
### Внешний вид
22+
23+
![Lagoona]()
1624

1725
---
1826

1927
### Используемые технологии
2028

21-
В данном проекте **не использовались** сторонние библиотеки.
29+
Проект выполнен **на чистом HTML и CSS**, без сторонних библиотек.
2230

23-
- **HTML, CSS**основа структуры и стилизации проекта.
24-
- **CSS Flexbox**построение адаптивного макета.
25-
- **Анимации и переходы**плавные эффекты взаимодействия.
26-
- **Медиазапросы**адаптация для разных экранов.
31+
- **HTML, CSS**базовые технологии.
32+
- **CSS Flexbox**организация сетки и элементов.
33+
- **Медиазапросы**адаптивная верстка.
34+
- **Анимации и псевдоэлементы**улучшение взаимодействия с интерфейсом.
2735

2836
---
2937

@@ -39,18 +47,20 @@ project-root/
3947

4048
---
4149

42-
### Основные файлы и их назначение
50+
### Основные файлы
4351

4452
#### `index.html`
4553

46-
- Разметка страницы с использованием семантических тегов.
54+
- Семантическая HTML-разметка страницы.
55+
- Вставка интерактивных элементов.
4756

4857
#### `style.css`
4958

5059
- Основные стили проекта, включая адаптивность и анимации.
60+
- Реализация эффектов `:hover`, `:focus`, `:active`.
5161

5262
---
5363

5464
### Заключение
5565

56-
Проект **Lagoona** дал возможность закрепить навыки вёрстки с использованием современных CSS-инструментов (как Flexbox), а также продемонстрировал умение работать с адаптивным дизайном и дополнительными стилистическими эффектами.
66+
Проект **Lagoona** объединил в себе несколько ключевых аспектов современной верстки: CSS Flexbox, адаптивные сетки, анимации, псевдоклассы и интерактивные элементы. Итоговая версия сайта демонстрирует умение работать с CSS и применять полученные знания на практике.

0 commit comments

Comments
 (0)