На сайте выводятся данные:
Через цикл:
CSS
Не очень понимаю, как сделать вывод, к примеру по 3 элемента (таблички) в ряд, ну то есть, как показано на Скрине 1.
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществу.card-group{ display: grid; grid-template-columns: 1fr 1fr 1fr;}
Вариант на 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>
display: grid
нужен для этого