• Теория
  • Теория

Испытание: Панель управления

Кекс решил сверстать панель управления бизнесом, но начал и бросил (с ним такое часто случается). Вам предстоит завершить начатое.

Панель состоит из двух частей: списка вкладок и секции с содержимым активной вкладки.

Макет панели управления

Списку вкладок нужно задать ширину, а также обнулить внешние и внутренние отступы. Сами вкладки должны идти сверху вниз. Неактивные вкладки следует прижать к левому краю, а активную — к правому. Между вкладками нужно добавить отступы.

Макет списка вкладок

Секция с содержимым активной вкладки должна иметь фиксированную ширину и внутренние отступы. Все элементы внутри секции, кроме информации об отправителе, нужно выровнять по центру, а информацию об отправителе — прижать к левому краю.

Макет содержимого

Какого бы размера ни было изображение, оно не должно выпадать из контейнера или деформироваться. Также обратите внимание на порядок элементов и отступы между ними.

Макет содержимого
Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Микросетки. Продолжение» тренажёра «Базовые механики построения сеток» можно после регистрации и оформления подписки.