Абра Кадабра

One Page Scroll
Fixed Background Scrolling Layout

сделай через псевдо класс after
jsfiddle.net/f48ZD/114

Вот уже и ответили на 1 вопрос.

2) Возможно у вас инлайн-блоки не влезают в ширину и начинают переносится?
3) Для вычисления я советую 2 способа
- https://tech.yandex.ru/detector/
- matthewhudson.me/projects/device.js

Лучше по viewport через width, чем через device-width, чтоб еще ретину захватить. device-width - это когда уже совсем конкретизировать устройство.
Можно, например, как в Bootstrap.

media screen and (max-width: 767px) { ... }
media screen and (min-width: 768px) and (max-width: 991px) { ... }
media screen and (min-width: 992px) and (max-width: 1199px) { ... }
media screen and (min-width: 1200px) { ... }

Кем я хочу быть: Мастером Ёдой в деле веб разработки . (front+back). Сейчас только front.

То есть по итогу спятившим зеленым каратышкой хихикающим где-то в одиночестве на богом забытой планете?

Когда я решил попробовать себя в этой сфере, я накидал себе план обучения. Что то типа html > css > js > php. Ну разумеется для начала общие сведения обо всем этом. Так как вообще не понимал что и для чего. Потом много смотрел видео уроков и сам тренеровался. Научился делать (как мне тогда казалось) интернет магазин и пошел устраиваться на работу. Взяли стажером и оказалось что я очень мало знаю. Мало из того что я учил мне пригодилось. На практике все оказалось немного иначе. Я проработал там пол года, затем ушел в другую компанию (более крупную) с мыслью "ну теперь то я кое что могу). И придя на новое место снова оказалось что я совсем новичок. так как инструменты которые тут использовались были другими. Я менял еще несколько мест, каждый раз находя более профессиональный коллектив. И каждый раз узнавал много нового. Я к тому что самый лучший способ научиться делать хорошо - работать с теми, кто лучше вас. Это конечно может быть сложно, но это будет в десятки раз продуктивнее, чем развиваться самому.