Медиа-запросы, не соответствующие правильной версии на мобильной версии

Question

В настоящее время выполняется редизайн моего текущего сайта и я использую его как инструмент обучения, так как это будет первый проект с использованием медиа-запросов.

У меня заголовок хорошо выглядит в браузере и на моем мобильном телефоне, но в настоящий момент горизонтальная прокрутка с дополнительным белым дополнением с каждой стороны, я попытался уменьшить ширину основного содержимого, но все же имеет тот же результат, кроме него просто добавляет белый обивка

http://www.adamhuxtable.com/demos/ah/v1/index.html

было просто интересно, если есть что-то, что я делаю неправильно.

Спасибо за любые советы, советы/

Answer 1

Во-первых, я бы не дать вашей .container ширину. Пусть это будет auto. Его немного сложно сказать, что будет дальше. Не могли бы вы предоставить скрипку?

О, я забыл: я также удалил position: absolute вашего #circle.