Для растяжения элементов сетки grid на всю доступную ширину, можно использовать свойство grid-template-columns с функцией minmax, которая задает минимальную и максимальную ширину колонок. Например, такой код растянет элементы на всю доступную ширину:
```css
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}
```
Чтобы расположить 4 ячейки в одном ряду, можно также использовать свойство grid-template-columns с указанием нужного количества колонок. Например, так:
```css
.grid-container {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
```
В данном случае мы указываем, что в сетке должно быть 4 одинаковые колонки, в которые будут размещены соответствующие ячейки.