Я новичок в разработке, и недавно я создал свою первую веб-страницу для школьного проекта. Инструкции заключались в том, чтобы сделать веб-страницу mobile friendly.
До того, как я провел свое исследование, чтобы выяснить, что мобильную часть кода легче выполнять перед десктопной частью, я уже написал отлично работающий код для вид рабочего стола.
После исследования я внес изменения в код, добавив код, удобный для мобильных устройств, в начало документа, затем добавил элемент медиазапроса и добавил исходный код рабочего стола.
С тех пор, как я добавил медиа-запрос в свой документ, часть кода на рабочем столе не будет работать правильно. Размеры из удобной для мобильных устройств части переопределяют весь документ, из-за чего половина моего рабочего стола работает неправильно.
Мобильная часть, встроенная над медиа-запросом, работает нормально, но часть рабочего стола приобрела размеры мобильной части. Может кто-нибудь помочь мне?
Кстати, мои мета-теги имен вставлены правильно, и я уверен, что это не проблема.
fiddle: https://jsfiddle.net/GBD_313/qdr5veyz/