YVW
@YVW

Как построить такую сетку?

На сайте должны оставаться белые пустые края (например, зададим в фиксе 40px)
На остальную ширину (1200px) должны растягиваться изображения с определенным интервалом между собой
Далее для следующей текстовой части (скажем, 1000px) ширина сайта снова сужается.
Допустим, мы используем 12-колоночную сетку по ширине 1200px.
Но тогда в оставшиеся 10-колонок уже сложнее разместить информацию в три ряда. Кроме того, тот межколоночный интервал, который использовался для ширины в 1200 уже оказывается неудобен.
Как поступить в таком случае?
Использовать каким-то образом две сетки? или вообще отказаться от нее?
5adc07dc42fdf977919342.png
  • Вопрос задан
  • 348 просмотров
Пригласить эксперта
Ответы на вопрос 1
alvvi
@alvvi
export default apathy;
У вас в макете хорошо виден отступ в одну колонку для второго блока и отсутствие этих отступов у первого, не ясно в чем вопрос.
Но тогда в оставшиеся 10-колонок уже сложнее разместить информацию в три ряда

В макете она размещена в 10 колонок? Если да, то не понятно в чем сложность. Если вопрос задан с точки зрения дизайнера, то делите внутри с другими интервалами, если считаете это необходимым. Это усложняет верстку, но не критически.
Кроме того, тот межколоночный интервал, который использовался для ширины в 1200 уже оказывается неудобен

Опять не ясно о чем вы. Если внутри 10 колонок в макете межколоночный интервал не по сетке, стройте внутри еще сетку с display: flex самостоятельно. Все зависит от секции, у вас на скрине таких проблем не видно.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы