Bymas | 3 ряда блоков

некак не могу сделать блоки в 3 ряда , помогите плиз

/* тут растановка боков */

 .card-flex

 {

 

 margin-left:12px;

 text-align:center;

 display: flex;

 flex-direction: row;

 flex-wrap: wrap;

 overflow: auto;

 }

 

 /* это блоки */

 .cards {

 

 margin:14px;

 padding:15px;

 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

 transition: 0.3s;

 width:350px;

 height:450px;

 

 }

Изображение

------

79103_io3oFrn6cs.jpg (299.2 Kb)
Скачиваний: 101

155876556, третий блок не влезает)
Ты слишком большие отступы сделал между блоками(смотри margin и padding и width)
________
посл. ред. 16.09.2021 в 17:12; всего 1 раз(а); by FSeven

FSeven, хах тупйой я капец, нужно было hieght убрать

155876556 (16.09.2021 в 17:05)
FSeven, хах тупйой я капец, нужно было hieght убрать

Что получилось?

https://codepen.io/krishnakernel/pen/VQQyaV

Я один заметил в этой теме потенциальную xss уязвимость бумаса?

Вот, набросал что ты хочешь.
https://codepen.io/borkowsky/pen/wveppgm
Можно сделать сколько угодно блоков, три в ряд все равно будет.
________
посл. ред. 16.09.2021 в 20:53; всего 1 раз(а); by REWERK

REWERK (16.09.2021 в 20:52)
Вот, набросал что ты хочешь.
https://codepen.io/borkowsky/pen/wveppgm
Можно сделать сколько угодно блоков, три в ряд все равно будет.

В твоём случае не будет 3 контейнеров с мобильного )

Daggi (16.09.2021 в 21:16)

В твоём случае не будет 3 контейнеров с мобильного )

Ты смотришь с мобильного на codepen? Не учел, сейчас поправлю.
UPD: Фиксанул.
________
посл. ред. 16.09.2021 в 22:05; всего 1 раз(а); by REWERK

REWERK (16.09.2021 в 22:00)

Ты смотришь с мобильного на codepen? Не учел, сейчас поправлю.
UPD: Фиксанул.

2 контейнера)
Я выше кинул пример, там по 3 помещается 🌚