В решении этого вопроса, flexbox или inline-block может быть полезен в зависимости от того, как вы хотите, чтобы эти элементы были упорядочены.
Например, вы можете использовать flexbox в каждом элементе grid:
```css
.grid-item {
display: flex;
flex-direction: column;
justify-content: space-between;
}
```
и потом добавить два элемента в каждый элемент grid:
```html
<div class="grid-item">
<div>Элемент 1</div>
<div>Элемент 2</div>
</div>
```
Вы также можете использовать display: inline-block для элементов, которые вы хотите поместить внутрь каждой ячейки:
```html
<div class="grid-item">
<div style="display: inline-block;">Элемент 1</div>
<div style="display: inline-block;">Элемент 2</div>
</div>
```
Обратите внимание, что при использовании inline-block могут возникнуть проблемы с пробелами между элементами, и вам, возможно, придется их удалить или использовать отрицательный margin.
Обратите внимание что в этом примере пришлось использовать атрибут скуля вместо класса или селектора он может быть не по коду, но это был защитный ответ на ваш вопрос о том, как это сделать без использования уникальных классов или селекторов.