Правильный выбор breakpoint css

165

17 мая 2019, 00:50

в psd макетах: Десктоп - ширина контейнера 1180px, мобильные - ширина контейнера 420px. Думаю, что проще будет, с учетом распространенных разрешений экранов взять одну точку - 1200px. Всё что меньше - будет выглядеть как на макете для мобильных, всё что больше - макет десктоп. Для промежуточных значений, например для планшетов или маленьких мониторов будет сложно адаптировать т.к контент специфический, всякая графика, блоки в нужном порядке. Правильно ли я выбрал breakpoint?

Answer 1

Средние значения обычно такие: // Small smartphones $screen-xs: 360px;

// Small tablets and large smartphones $screen-sm: 767px;

// Tablets and small desktops $screen-md: 1080px;

// Large tablets and desktops $screen-lg: 1200px;