Сверстать страницу галереи изображений.
- заголовок "Придумать длинный, чтобы была необходимость уменьшать на мобилках"
- вводный текст "..."
- превью изображений, при клике изображение открывается на весь экран
- футер
- заголовок не более 2 строк (на всех экранах)
- на больших экранах размер текста обеспечивает оптимальную длину строки
- картинки могут быть любых размеров, превью масштабируются до одинаковой высоты
- блоки с картинками занимают всю ширину страницы (распределяются по следующему правилу: каждая первая из 7 картинок стремится к значению ширины 550px, каждая 4 - к 460px, все остальные картинки распределяются по оставшейся ширине)
- поддержка ретины (хорошая статья про это тут: https://developers.google.com/web/fundamentals/design-and-ui/responsive/images)
- футер всегда находится внизу страницы, даже если контент не занимает всю область
- верстка должна быть кроссбраузерной
- классы по БЭМ
- оптимизация изображений
- Работы присылать на evolkowa@yandex-team.ru
- Желательно ссылками на сверстанную страницу (например, разместить на бесплатном GitHub Pages с помощью gh-pages)
- На крайний случай просто архивом
- Тема: "ДЗ по лекции Адаптивная верстка"
- Срок — до 8 июля