Веб-дизайн. 4 курс. Практическое занятие №3. Google material-дизайн
Вам нужно создать страницу, реализованную по принципам Google Material дизайна с активным сайдбар-меню . Для этого вам потребуется: - две фоновых картинки одинакового размера - для основного меню и для перекрывающего меню. Загрузите их в репозиторий; - четыре абзаца текста со стартовыми буквами. Настройки - те же, что и в предыдущих заданиях. I CSS 1) Сначала задаем шрифт и высоту страницы: @import url('https://fonts.googleapis.com/css?family=Montserrat:300,900'); html, body { font-family: 'Montserrat', sans-serif; height: 100%; margin: 0; } 2) Добавляем класс box внутри которого будет размещаться страница. Для выравнивания иллюстраций нужно указать отступ сверху. Его можно задавать как в пикселях (px), так и в высоте области просмотра (vh). Я использую вторую единицу (она лучше располагает макет), указывая ее со знаком минус вначале. Общее правило: vh составляет в абсолютных значениях 1/4 от px. .box { width: 100%; posi...
