vladimir_html

лучше выбрать нужные иконки с помощью fontello.com и закачать себе. Целая библиотека никому не нужна

Если фон, а не картинка в HTML, то градиентом.

https://duckduckgo.com/?q=%D0%9A%D0%B0%D0%BA+%D1%8...

1.Шапка: почитайте про флексбоксы
2.Сетка: почитайте про CSS Grid
3: снова флексы
4: до подвала идут сетки-флексы
5: флексы

В общем, как-то так)
P.S: не слушайте меня, глупого верстальщика
P.P.S.: а можно ссылочку на макет, это тренировочный?

может шрифт поменьше сделать? И вообще, отступы лишние убрать

Чё? Чтобы он на всех экранах один и тот же был? Вообще не двигался?
Стесняюс спросить, зачем вам такая роскошь...
А ответ, ну так вьюпорт уберите

дык на jq есть slideToggle)

background-image: url('photo.jpg');
background-size: cover;

Через jQuery переключение:

$('.toggle').click(function{
       $('.togglenav').toggleClass('visible')
   });

.visible{
    display: block;
}

Добавляет класс, если нет, удаляет если есть

https://jsfiddle.net/tv8fzhtm/. Вместо :hover можно повесить onclick джаваскрипта

Зачем засорять CSS десятками строк кода, если существует вот такое простое решение на jQuery?
https://impuls-web.ru/plavnaya-prokrutka-stranicy-...