А как будет выглядеть макет на разрешении 1280, если у нас контейнер 1320, на statcounter (статистика популярных разрешений экранов). Там на 1280 мониторах 3% по-моему сидят. У них загрузится адаптив под планшеты?
Привет, автор подскажите пожалуйста, а почему выбрана сетка с типом по центру, а не stretch? К примеру я выбираю тип stretch выставляю margin 12 px, но сетка выглядит не под колонку 1320, что бы оно соответствовала колонке 1320 px, мне пришлось поставить значение margin - 300 px, тогда сетка встает 1 в 1 под 1320, но ширина колонки (width) становится не 86, а 88, буду благодарен, если объясните разницу между stretch и center, почему нужно выбирать center ..
просто автор неправильно посчитал. он делит 1320 на 12, это 110, это ок, но потом он от 110 отнимает ширину gutter - 24px и получает 86. вот только автор не учёл что промежутков между колонками, то есть gutters у нас не 12, как колонок, а 11. то есть в суме 11 промежутков и каждый по 24 пикселя - это 264 пикселя в макете у нас приходится на промежутки. Тогда эти 264 мы и делим на 12, что бы узнать правильное соотношение. 264/12=22 пикселя. Значит от 110 нужно на самом деле отнимать не 24, а 22 и получаем 88 пикселей одна колонка, а не 86. И никаких ушей по бокам. Итого 12 колонок по 88 пикселей и 11 промежутков между ними по 24, всего 1320.
Какой приятный голос! Жаль, что у вас мало видео. Хочется слушать еще)
Супер! наконец-то нормальное объяснение.
Супер, спасибо! А то кто как считает и делает, а тут всё понятно и как надо)
Подпишусь, последим за каналом. Было весьма полезно.
Видос был бы полноценнее, если бы построили все разрешения от xxl до xs
Возьму на заметку. Спасибо
@@ДизайнКухня ждем продолжение)
Видео супер, спасибо большое)
Благодарю!
Спасибо!!!
Очень полезное видео, спасибо!
А как строить сетку для xs, если на официальном сайте есть не все параметры?
А как будет выглядеть макет на разрешении 1280, если у нас контейнер 1320, на statcounter (статистика популярных разрешений экранов). Там на 1280 мониторах 3% по-моему сидят. У них загрузится адаптив под планшеты?
Спасибо что разложили по полочкам, но контентная область то какая, 1320 или по сетке?
Разобрался, контентная область по сетке колонок 1296
Привет, автор подскажите пожалуйста, а почему выбрана сетка с типом по центру, а не stretch?
К примеру я выбираю тип stretch выставляю margin 12 px, но сетка выглядит не под колонку 1320, что бы оно соответствовала колонке 1320 px, мне пришлось поставить значение margin - 300 px, тогда сетка встает 1 в 1 под 1320, но ширина колонки (width) становится не 86, а 88, буду благодарен, если объясните разницу между stretch и center, почему нужно выбирать center ..
Нет такого - нужно. Вы выбираете ту, которая вам нужна. Stretch, это гибкая сетка адаптирующаяся под фрейм, а center фикс.
И у бутсрэпа она фикс.
@@ДизайнКухня спасибо )
просто автор неправильно посчитал. он делит 1320 на 12, это 110, это ок, но потом он от 110 отнимает ширину gutter - 24px и получает 86.
вот только автор не учёл что промежутков между колонками, то есть gutters у нас не 12, как колонок, а 11.
то есть в суме 11 промежутков и каждый по 24 пикселя - это 264 пикселя в макете у нас приходится на промежутки.
Тогда эти 264 мы и делим на 12, что бы узнать правильное соотношение. 264/12=22 пикселя. Значит от 110 нужно на самом деле отнимать не 24, а 22 и получаем 88 пикселей одна колонка, а не 86. И никаких ушей по бокам. Итого 12 колонок по 88 пикселей и 11 промежутков между ними по 24, всего 1320.
rem = root em, он может быть абсолютно любым, в зависимости от контекста. Бездумно конвертить его, как сантиметры в метры, нельзя.
Margin = мАрджин, не мЭрджин
А еще бутсрАп, а не бутстрЭп ))
Спасибо!