README.md

Задача:

Сверстать страницу галереи изображений.

Страница должна содержать:

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

Задание должно удовлетворять критериям:

• заголовок не более 2 строк (на всех экранах)
• на больших экранах размер текста обеспечивает оптимальную длину строки
• картинки могут быть любых размеров, превью масштабируются до одинаковой высоты
• блоки с картинками занимают всю ширину страницы (распределяются по следующему правилу: каждая первая из 7 картинок стремится к значению ширины 550px, каждая 4 - к 460px, все остальные картинки распределяются по оставшейся ширине)
• поддержка ретины (хорошая статья про это тут: https://developers.google.com/web/fundamentals/design-and-ui/responsive/images)
• футер всегда находится внизу страницы, даже если контент не занимает всю область
• верстка должна быть кроссбраузерной

Плюсом будет:

• классы по БЭМ
• оптимизация изображений

Как это примерно должно выглядеть

• desktop.png
• mobile.png

Куда и когда присылать

• Работы присылать на [email protected]
  • Желательно ссылками на сверстанную страницу (например, разместить на бесплатном GitHub Pages с помощью gh-pages)
  • На крайний случай просто архивом
• Тема: "ДЗ по лекции Адаптивная верстка"
• Срок — до 8 июля