а вот смотрите допустим есть страница
есть блок
.block
 .block__item
 .block__item

и мне нужно чтобы блок был на всю ширину, но элементы в нем были в неком контейнере на 1150рх
но суть в тому что стили главные я применяю к .block (гриды)
и если я оберну айтемы в дополнительный див то верстка слетит
нужно чтобы по умолчаниюсам переиспользуемый блок был на всю ширины и контент в нем тоже но можно изменять макимальную ширину контента какимто модификатором например
это мне что делать модификатор каждому item и делать этому модификатору максимальную ширину в 1150?

вот чего я хочу добится

Мне не понятно что здесь написано. В чём проблема? Переформулируй. Блок может быть меньше 1150рх?

Что сделать?

У одних и тех же блоков на одних страницах должно быть ограничение содержимого по ширине, а на других страницах нет

правильно разметку
типа вот сам блок, например

<div class="block1">
 <div class="block1__element">block1 item1</div>
 <div class="block1__element">block1 item2</div>
 <div class="block1__element">block1 item3</div>
</div>

.block1
 display: grid
 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
 grid-gap: 20px
 background-color: green

.block1__element
 height: 180px
 background-color: orange

те на странице он будет выглядить просто как зеленый блок на всю ширину с оранжевыми айтемами (тоже на всю)

но как мне типерь сделать чтобы сам блок остался на всю а вот содержимое ограничить до максимального 1150px

если я например сделаю так, то слетят стили
<div class="block1">
 <div class="block1__inner">
   <div class="block1__element">block1 item1</div>
   <div class="block1__element">block1 item2</div>
   <div class="block1__element">block1 item3</div>
 </div>
</div>

...
.block1__inner
 width: 1150px

а если для inner продублирую почти все стили block1
то как то мне кажется не нормально типа
.block1__inner
display: grid
 grid-template-columns: repeat(auto-fit, minmax(140px, 1fr))
 grid-gap: 20px
 width: 1150px

да но к чему?

даа но к чему его использовать?
если у меня на странице 3 блока
а содержимое 2 из них ограничено 1150px
если я просто сделаю оберьку внтури каждого из этих 2 блоков то слетят стили самого бока (потому что дочернем элементом станет inner)

Мне не понятно в чём проблема. Что бы ограничить максимальную ширину используй свойство max-width

К тому элементу, размер которого нужно ограничить

ьак мне нужно ограничить не блок а его содержимое
аон на картинке .block1 (оранжевый) имеет ширину на вечь экран
а его содержимое ограничено

но ограничено оно только на этой странице, а модет быть и не ограничено на других,

Так не выйдет?

.block1_mod
 grid-template-columns: repeat(auto-fit, minmax(140px, 1150px))

нет, то ты каждой колонки говоришь что она модет иметь ширину до 1150px те с 3 элементами ее ширина модкт быть до 4450 + паддинги