@WowItIsYou2020

Адаптивная верстка для разных расширений?

У меня есть задание:

Макет должен быть сделан с учетом принципов адаптивной и резиновой верстки. То есть все блоки/колонки должны занимать всю доступную ширину экрана (с учетом боковых отступов), и менять свое взаимное расположение при изменении пропорций после определенных граничных точек.
- Макет шириной `320` пикселей показывает как будет выглядеть контент при ширине экрана от `320` до `480` (!) пикселей (320 пикселей - минимальная ширина контента, больше он не должен сужаться).
- Макет `768` пикселей показывает как будет выглядеть контент при размере экрана от 481 до 992 (!) пикселей.
- Макет `1200` показывает как будет выглядеть контент при ширине экрана 993-1200 пикселей. То есть там где в макете 768 где-то было две колонки, а в макете 1200 четыре, смена с двух на четыре должна происходить при достижении ширины экрана 993 пикселя.
- Если экран шире чем 1200 пикселей, контент должен занимать ровно 1200 пикселей, и находиться по центру.

Я не знаком с адаптивной верстке, подскажите можете поделиться ссылками как это реализовать.
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Медиасеть Кострома
от 30 000 до 60 000 ₽
от 100 000 до 150 000 ₽
EVEN Lab Москва
от 100 000 до 180 000 ₽
24 окт. 2020, в 20:52
27000 руб./за проект
24 окт. 2020, в 20:39
2000 руб./за проект
24 окт. 2020, в 20:39
2000 руб./за проект