Создаём Bootsrap 5 сетку в figma под декстоп (xxl≥1400px)

Часто от студентов получаю вопрос, какая сетка под десктопную версию сайта является стандартом? Ну, если и есть стандарт, то им считается Bootstrap. В 5 версии они добавили xxl≥1400px. Давайте попробуем разобраться с их спецификацией и сделать сетку в figma.

[hecchwf]

Какой приятный голос! Жаль, что у вас мало видео. Хочется слушать еще)

[sbnmuller]

Супер, спасибо! А то кто как считает и делает, а тут всё понятно и как надо)

[olya]

Супер! наконец-то нормальное объяснение.

[tovjukov]

Подпишусь, последим за каналом. Было весьма полезно.

[tovjukov]

Видос был бы полноценнее, если бы построили все разрешения от xxl до xs

[natak.]

Очень полезное видео, спасибо!
А как строить сетку для xs, если на официальном сайте есть не все параметры?

[vladmonyak]

А как будет выглядеть макет на разрешении 1280, если у нас контейнер 1320, на statcounter (статистика популярных разрешений экранов). Там на 1280 мониторах 3% по-моему сидят. У них загрузится адаптив под планшеты?

[iChashkin]

Спасибо что разложили по полочкам, но контентная область то какая, 1320 или по сетке?

[stepanking]

Привет, автор подскажите пожалуйста, а почему выбрана сетка с типом по центру, а не stretch?
К примеру я выбираю тип stretch выставляю margin 12 px, но сетка выглядит не под колонку 1320, что бы оно соответствовала колонке 1320 px, мне пришлось поставить значение margin - 300 px, тогда сетка встает 1 в 1 под 1320, но ширина колонки (width) становится не 86, а 88, буду благодарен, если объясните разницу между stretch и center, почему нужно выбирать center ..

[vgitcqw]

rem = root em, он может быть абсолютно любым, в зависимости от контекста. Бездумно конвертить его, как сантиметры в метры, нельзя.