Как изменить отображение баннера для мобильного просмотра

Question

На домашней странице я создал простой баннер с категорией продукта:

Но на мобильном экране баннер выглядит плохо.Он отображает изображения одно под другим, и они расположены слева.Мне нужно, чтобы отображались два изображения в одной строке.

Я пытался использовать:

@media screen and (min-width: 640px) {

}

, но медиа-запрос также изменил представление на рабочем столе.

Answer 1

Для мобильных устройств добавьте «col-6» вместе с другими классами «col-xl-3 col-lg-3 col-md-3 col-sm-12», и это решит вашу проблему, так как вы используетепоследняя версия начальной загрузки