Почему отображается неверная ширина?

Question

[WQP]

Собственно код - https://jsfiddle.net/yjvzjdoz/ вроде всё как надо, но отображается не так

Код ломается когда разрешение xl, браузер выводит будто два разных разрешения одновременно

Comments

[Kovalsky]

У вас последние два диапазона нехило так пересекаются

[Kovalsky]

И кстати совсем незачем по каждому ресайзу объявлять такой большой объект как breakpoints

[WQP]

lg от 992 до 1999
xl от 1200 до 10000

Не могу понять где тут пересечения? Голову ломаю уже дня 2

[WQP]

Никита Полевой: Это я для более удобной отладки делаю, в конечном итоге код будет удалён. Код сделал по сетке CSS и там такая же проблема

[Ro37A]

WQP: Вы серьезно не понимаете, что ширина от 1200 до 1999 у вас lg и xl?

[WQP]

Sayto: Только сейчас увидел что там не 1199...

[Ro37A]

WQP: Просто глаз замылился, бывает.

Answer 1

[Pavel Torbeev]

ошибка в 28 строчке. max : 1999,
Я понимаю, что должно быть 1199.