@WowItIsYou2020

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

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

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

Я не знаком с адаптивной верстке, подскажите можете поделиться ссылками как это реализовать.
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 1
iamd503
@iamd503
Верстальщик
Выделяете свой вопрос. ПК мышки -> Найти в гугл
Адаптивная верстка для разных разрешений
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы