Задание 1
- Создайте отдельный проект с двумя папками html и css.
- В каждой папке должно быть по пять файлов, названных цифрами от одного до пяти (5
.html
файлов и 5 файлов .css
)
- Свяжите файлы стилей с
.html
файлами.
- Сверстайте страницы, согласно приведенным ниже макетам:





- Не забывайте о правильном оформление тега
<head>
;
- В качестве переломных точек нужно использовать те, что были приведены в лекции об адаптивности;
- Ширину блоков можно указывать как в процентах, так и с помощью соотвветствующих свойств grid;
- Внутри блоков могут быть как буквы/слова, приведенные на макетах, так и ваш собственный контент (но в этом случае позаботьтесь о том, чтобы границы блоков хорошо считывались)
Задание 2
Вам предстоит самостоятельно, используя grid, сверстать сетку страницы “Программа тура”:

Основная разметка и декоративные стили tour-decorative.css готовы, осталось написать сеточные стили.
https://codepen.io/marie_parhimovich/pen/oNOojKx
Архив с изображениями перед этим абзацем.