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

Question

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

Иван Вишняков Ученик (165), на голосовании 11 месяцев назад

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

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

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

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

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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