Question

Как сделать так, чтобы на мобильном устройстве отображались не три, а две колонки или одна? А в браузере на компьюте остались три колонки. Как сделать "резиновыми" или адаптивными колонки с материалами, чтобы не появлялась горизонтальная полоса прокрутки при уменьшении разрешения экрана, чтобы просто менялось количество колонок?

Answer 1

Попробуйте в стили прописать следующее условие:

@media screen and (min-width: 320px) and (max-width: 650px) { section.module-shop .goods-list td { width: 100%!important; float: left; } }

Comments

Благодарю вас. Работает.