Вопрос Проблема с расставкой div-ов в html

[KennyKill]

Каждая "Карточка" это div и к этим div-ам применен display: inline-block;



По идеи Карточки должны стоять в ряд по горизонтали т.е. так:

Но на практике так:

В чём проблема не понимаю, подскажите пожалуйста.

Код html и css:

 

[whitre_floyd]

так просто делаешь список и подключаешь flex и row ширина 33.33% а 3 карту делаешь отдельно

 

[kirill-2342]

Изучи flex, им такое очень просто сделать. Есть даже генераторы, по результатам которого можешь примерно понять, в какую сторону тебе идти.

 

[andreyka10461]

Пробовали писать не inline-block, а просто inline?
Возможно также проблема в том, что в body прописан также display grid, а он отображает элементы страницы в столбик?

 

[sira87ss]

не вижу никакого ряда по горизонтали. И не вижу никакого кода, кроме нечитаемых скринов.