1. Для "мобилок" - ГДЕ
МЕТАТЕГ ВЬЮПОРТА??????????????? О какой адаптации может идти речь, если у вас его нет и в помине?
2. О какой адаптации может идти речь, если у вас ширина контейнера задана жестко??? Я молчу о его высоте, которая тоже, эм, задана.
3. Про
media - прошу, прочтите
что это такое и как с этим работать
4. Не продолжать допиливать, а переверстывать с нуля на %, rem, em, flexbox на чем хотите.
СМОТРЕТЬ
1. Не идеально, но основы дает
https://www.youtube.com/playlist?list=PLcVuGt1dXgc...
2.
https://www.youtube.com/watch?v=Au6d1d-vFjU&list=P...
Забыть про Бутстрапы-флексбоксы пока не освоите блочную модель и начнете понимать разницу между флоатами и инлайн-блоами и не будете строить сетку сами, руками, с нуля.
ЧИТАТЬ
1.
https://habrahabr.ru/post/144003/
2.
https://habrahabr.ru/sandbox/89063/
Думаю, коллеги еще подкинут чего годного. Я начинала с этого.
И верстать головой, а не "в портфолио".