Как сделать столбцы в сетке «равномерными по пространству», как в flexbox? ⇐ CSS

[Anonymous]

У меня есть CSS-сетка

.grid { дисплей: сетка; разрыв в сетке-столбце: 50 пикселей; столбцы-шаблона сетки: повторение (3, 1fr); } который находится в div шириной 500 пикселей

но я заметил, что первый элемент в сетке «обнимает» левый край элемента div, а самый правый элемент не касается края элемента div.

В flexbox я мог бы добиться этого (достаточно близко):

.flex { дисплей: гибкий; оправдание-содержание: пространство между; } как мне сделать это с помощью сетки?

Я знаю, что могу изменить зазор между сеткой и столбцом, но это кажется ненадежным