Всем привет. Есть шаблон, который никак не могу заставить вести себя как нужно - в одной из секций шаблона есть 3 блока, которые всегда должны быть по центру страницы, но в какой-то момент они начинают прижиматься к левому краю экрана и остается много пустоты, подскажите как починить (при этом есть навязчивое желание не использовать @media
думаю код объяснит вопрос лучше, чем я
https://codepen.io/McLotos/pen/ExYWoQq?editors=1100
Если начать растягивать страницу по ширине, то в какой-то момент блоки просто приклеиваются к левому краю, а нужно чтобы все три блока, стоя рядом были точно по середине страницы
в качестве простого решения, можно добавить @media screen and (min-width: 50rem) и там указать что-то типа
main
grid-template-columns: repeat(5, 1fr)
section
grid-column-start: 2
grid-column-end: 4
но не хочется использовать @media-запросы, чтобы не возиться с подгонкой под разные экраны, смысл grid пропадает