Как игнорировать gap в grid CSS?

Question

[RockWorkerS]

Нужно сверстать блок новостей


Столкнулся с старой проблемой, расположения блоков с помощью грида, по макету 4 колонки, а т.е. 25%
Но из-за свойства "gap" блоки с 25% шириной не вмещаются, приходится выкручиваться и писать что то вроде 23.5%.
Можно ли "сказать" гриду игнорировать gap как это делает flex?
Возможно есть другие способы расположение элементов буду рад услышать.

.news-block {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(25%, auto));
   gap: 20px;
}

В итоге 23.5% выглядят вот так - не по сетке.

*Прошу прощения за кучу красного, подписал NDA, нельзя распространят информацию.

Answer 1

[Wispik]

Если я правильно понял вопрос, то 4 колонки делаются так:
grid-template-columns: 1fr 1fr 1fr 1fr;

Comments

[RockWorkerS]

Привет!
Да, можно сделать и так,
Позже понял, что стоит сделать так)