ASP NET Core MVC - поместить все div в один ряд

Создаю ASP NET Core MVC приложение, использую Bootstrap есть три элемента div, нужно вывести все элементы в цикле в один ряд

<div class="row">
    @foreach (var game in Model.Games)
    {
        @await Html.PartialAsync("GameSummary", game)
    }
</div>

Вот код самого вью GameSummary

<div class="col-sm-5 col-lg-5 col-md-5 m-1 d-sm-inline-block">
    ... тут картинки, текст и тд
</div>

Вроде все 3 элемента должны быть в одном ряду, но два div в одном ряду, а третий последний элемент попадает уже во второй ряд, в чем может быть проблема?