HTML/CSS Вывод данных

Question

На сайте выводятся данные:

Через цикл:

CSS

Не очень понимаю, как сделать вывод, к примеру по 3 элемента (таблички) в ряд, ну то есть, как показано на Скрине 1.

Answer 1

.card-group{ display: grid; grid-template-columns: 1fr 1fr 1fr;}

Answer 2

Вариант на Grid Layout

.card-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
  width: 100%;
}

.card-group .card {
  display: block;
  width: 100%;
  background: blue;
}

.card-group .card::before {
  content: '';
  display: block;
  padding-top: 50%;
}

<div class="card-group">
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
  <div class="card"></div>
</div>

БЛОГ НА HUSL

HTML/CSS Вывод данных

Ответы (2 шт):