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