Размещаем блоки из div по горизонтали

В правило для класса div добавляем свойство
display: inline-block;
Тем самым делаем карточки блочно-строчными.
И обнуляем отступы при необходимости.

Что за блочно-строчные? Просто блок он на всю ширину один, как слайд в лендинге. Строка она ширины не имеет заданной, там зависит от ширины содержимого. А блочно-строчное свойство это гибрид как раз нам нужный, чтобы можно было блоки в дивах рядом друг с другом ставить.