Создание адаптивной шапки сайта

Создание адаптивной шапки сайта

Сегодня ми с вами создадим адаптивную шапку для сайта в 4 колонки. По данному примеру, вы сможете создавать адаптивную шапку в любое количество колонок.

Итак, приступим: 

  1. Напишем код для нашей шапки по такой структуре:

    2. Зададим стили для наших классов:

     

    Вот и все! Получается такая шапка:
    Соответственно если мы хотим создать шапку на 3 колонки в стилях пишем:

    То есть берем 100% и делим на нужное нам количество колонок.

 

Нет комментариев

Добавить комментарий