Отображение 2 столбцов на телефонах ⇐ Html

[Anonymous]

У меня есть страница магазина на сайте, который я создал для друга. У меня есть настроенные столбцы и строки. У меня сложилось впечатление, что это лучший вариант, чтобы пользователи телефонов видели увеличенные изображения, когда все сворачивается в один столбец, но, видимо, стандартом для магазинов на веб-сайтах являются две колонки.
Я понятия не имею, как это сделать. Кто-то на другом форуме пытался помочь, но ни один код не сработал правильно и не сломал код, который у меня есть.
Страница в браузере должна выглядеть так: снимок экрана в браузере
И вот так на телефоне: снимок экрана на телефоне
Это пример текущей страницы, а эта и эта — попытки с кодом, предоставленным кем-то другим, но, как вы можете видеть, у обеих есть проблемы.
Я не очень хорош в программировании — я изучил некоторые основы. Если кто-то может помочь (это для благотворительного магазина) и сказать мне, смогу ли я это сделать и как, спасибо.

Подробнее здесь: https://stackoverflow.com/questions/798 ... -on-phones