css style column и реагирование

Question

Итак, у меня есть проблемы с кодировкой css. На моем веб-сайте есть две колонки. Я сделал это отзывчивым. Но в мобильной версии он делает первый абзац абзаца первого столбца только 50% вместо заполнения всей ширины. Правая колонка выглядит великолепно.

Вот что я имею в коде CSS:

для столбца CSS

style="position: relative; margin: .5em;" 

и в левой колонке у меня есть:

style="width: 50%; margin-bottom: .5em;" 

в то время как правая колонка у меня есть :

rightColumn {position: absolute; top: 0; right: 0; width: 50%;} 

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

пример можно найти в http://internetpro.org/w/

спасибо за помощь

Answer 1

Вам необходимо применять медиа-запрос к левой колонке, на мобильном видовом это 50%, должно быть 100%. Вы применили этот медиа-запрос вправо, но не налево.

Answer 2

Вы можете применить автоматическую подгонку или переключение на 100% -ный размер на изображении с левой стороны.