Vladimir T

Попробуйте следующие:
В dev tool на вкладке Elements выбирите нужный div / span и щелкните по нему правой кнопкой мыши. В выповшем меню выбирите Break on -> и какой то modifications.

PS https://umaar.com/dev-tips/28-dom-breakpoint-pane/

Глянь вот это руководство:
https://callmenick.com/dev/floated-labels-with-pla...

З.Ы. Обрати внимание что нету поддержки IE

Советую глянуть https://youtu.be/RPuFz93Gvpk

SO вам поможет

Понятно что вопрос решён, но всё таки:
Вот это пробывали : https://css-tricks.com/snippets/css/cross-browser-...

Ну-с сперва concat а затем в цикле убрать дубликаты

а чем вас не устраивает $(window).width() ?

можите использовать

function getWidth() {
  return window.innerWidth
    || document.documentElement.clientWidth
    || document.body.clientWidth
}

или
stackoverflow.com/questions/1248081/get-the-browse...

UPD: если вам ещё и ратио то тогда

var dr = 1;
if(window.devicePixelRatio !== undefined){
    dr = window.devicePixelRatio;
}

@media only screen and (max-width: 480px)
.side-nav-right {
    top: 0px;
}

Прошел год, но данный вопрос выдается 3 в goole по запросу "flex-wrap android "

Столкнулся с похожей проблемой: flex-wrap не работает в стандартном Android браузере. Версия Android 4,1.
Поискав попалась статья https://kyusuf.com/post/almost-complete-guide-to-f... в которой показаны решение аналоги решений без flex

Ищите те универы которые участвуют в CTF. Конечно это не гарантия но все же о чём то да говорит.

Через :after делаете квадрат и позиционируете его абсолютно и поворачиваете на 45 градусов. залив при этом тем же цветом что и основной блок

Немного не в тему отвечу: Недавно пришлось заняться оптимизаций css, благо в еженедельном дайжисте на хабре было пару ссылок, которые привели к https://www.youtube.com/watch?v=QU1JAW5LRKU, где человек заменил background-attachment:fixed на блок с фиксированной позицией и растянул на ширину контента.

UPD есть применить это к вашей проблеме то можно сделать(если позволяет) следующие

.parent-bg{
position:relative;
}
.bg{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
z-index:-1;
background-size:cover;
}

Вот здесь https://getfirebug.com/wiki/index.php/Script_Debugging пишут что нужно использовать debugger;
А вы уверены что он попадает в эту 'ветку' кода ?

UPD: А что выводит стандартной консоле FF?

Пробовал флексами, но не нашёл нужного(

Как основу можите взять https://jsfiddle.net/x04fnxzL/4/