Как написать inline-блок css для использования в качестве сетки css

Question

Я пишу css, который отлично работает во встроенном блоке, но мне нужно то же самое в сетке,

стиль встроенного блока , который отлично работает

 // .FormGroup__selectField {
 //   display: inline-block;
 //   width: 48%;
 //   margin: 0px 15px 0px 0px;
 // }
 // .FormGroup__selectField + .FormGroup__inputField {
 //   display: inline-block;
 //   width: 47%;
 // }

Отображение стиля сетки , который не работает в соответствии с требованиями.

.FormGroup__selectField + .FormGroup__inputField {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 15px;  
@include media-breakpoint-down(sm) {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
} 
 }

Поэтому я хочу отобразить select и его следующий вход для отображения в одной строке для настольных и мобильных устройств как.