Как правильно сделать таблицу адаптивной?

Всем привет. Есть таблица с карточками товаров, никак не могу добиться адаптивности (((, уже все, что знал перепробовал. В итоге страница формируется и на экране выглядит норм, но на мобильнике - это тихий ужас, все прижато в один столбец и справа получается поле еще в 200px это при разрешении экрана почти 320px по ширине. Соответственно, если дале экран расширять, то справа все больше и больше расстояние получается пустое, а должны располагаться картинкив 2 столбца, далее в 3 и т.д. Уже и сайт п ролистал https://medium.com/web-standards/responsive-grid-s...

https://www.bootply.com/wUNPt0WPj3
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ответы на вопрос 1
@i10dev
ты намудрил с BS .col-**-*.
Блоки адаптируются правильно. Проблема в img. img имеет постоянный размер(ш150px и в 150px), при маленьком разрешении у тебя колонки имеют ширину больше чем 150 пикселей, отсюда и появляется пустое пространство.
например при ширине экрана в 600 пикселей, каждый блок имеет ширину в 265 пикселей, а img имеет ширину в 150. вот те и пустое пространство в 300 пикселей
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
22 окт. 2019, в 00:09
3500 руб./за проект
21 окт. 2019, в 22:35
500 руб./за проект