Как правильно сделать выход объекта за пределы грид?

Question

[Bauyrzhan Akhmetov]

Я никак не могу понять как сделать так чтобы блок с изображением выходил за grid сетку.. О, гуру CSS! Дай мне капельку своей мудрости.

Comments

[Ankhena]

Гуглить что-то типа "контент по центру, фон по ширине", например, вот https://sitist.ru/info-centering-blocks.htm

Собственно, вариантов несколько. Можно обычным гридом на 4 столбца, где средние по половине ширины контейнера, а крайние по 1fr. Или абсолютами.

Answer 1

[RomanKudlatov]

в таком случае можно сделать трюк типо

.image-wrap-selector {
    margin-right: calc( (100vw  -  min( 100vw , var(--container-width) ) ) / -2 )
}

ну и для img

.image-wrap-selector img {
    width: 100%;
}

вроде как то так.
если ошибся надеюсь мысль уловите