gleendo

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

буду делать только через медиа запросы, пусть будет все проще, зато надежнее

Так что не стоит извращаться с JS. Вся адаптивность делается с помощью CSS

Рабочий прототип скиньте, в codepen например или jsfiddle
В отрыве от контекста, сложно определить в чем может быть проблема.

Сделать так как в моей демке codepen.io/evg_/pen/RRozLj
+ media запросы

https://github.com/necolas/normalize.css/

Ну минимум html/css