Испытания

Швейцарский плакат

CSS: Grid

Интернациональный типографический стиль, так же известный как «Швейцарский стиль», является одним из самых известных направлений в графическом дизайне. Его отличает строгость в наборе, построение по сеткам и удобству чтения. Чаще всего это асимметричные макеты с выровненным по левому краю тексту и с использованием шрифтов без засечек. Так же зачастую плакаты имеют наклонные элементы.

В этом испытании вам предстоит сверстать швейцарский плакат, созданный по мотивам работ Майка Джойса. Финальным результатом испытания будет следующий макет:

Плакат, созданный по мотивам работ Майка Джойса

Создайте вёрстку и стили. Основные настройки проекта можно найти в переменных, которые находятся в файле app.css

Основные стили плаката:

  • Высота одной линии: 25vh. Единица измерения vh — процент от высоты viewport.
  • Высота голубой линии: две высоты обычной линии.
  • Расстояния между колонками: 40px по горизонтали и 55 пикселей по вертикали.
  • Плакат использует 5-колоночную систему. Ширина колонки: 85px.
  • Для смешения цветов используйте свойство opacity со значением 0.7.

Левый текст:

4 weekends
with guest bands

Правый текст:

january 12, 17, 18, 24, 25
plus sunday february 2 1975

Заголовок:

television

Подсказки

  • В этом испытании вам пригодятся навыки использования позиционирования внутри grid-контейнера.
  • Проанализируйте макет. Найдите место, откуда начинается сетка.
Успешных завершений: 58%

Для полного доступа к испытанию нужна профессиональная подписка

Профессиональная подписка откроет полный доступ ко всем курсам, упражнениям и урокам Хекслета, даст возможность обращаться за помощью к менторам и пожизненный доступ к теории пройденных уроков. Подписку можно отменить в любой момент.

Получить доступ
115
курсов
892
упражнения
2241
час теории
3196
тестов

Последние код-ревью

Автор Дата обновления Версий
user-a54292796f62d51d 13 авг., 15:25 1
kolalexo 13 авг., 06:09 1
abu_maryam 07 авг., 06:46 4
kykyis 04 авг., 09:10 2