я стараюсь делать абсолютно всё резиновым и использовать rem и не использую bootstrap
Вроде бы ваша табличка дала ответ на мой вопрос))) если планшет >992 то контейнер уменьшаю до 960 если телефон <768 то контейнер делаю 720 если маленький телефон то 540 !
Я учу html css уже 3 месяца но навбар создать такой кошмар.
медиа запроса-работает при срабатывании условия, а условие (width >= 1300px)
@media (max-width: 1300px) написано вообще-то обратное: сработает при ширине меньшей или равной 1300. (Если больше ничем не перебьется). как раз таки ошибку кидало не туда, где не закрыта а на последнюю скобку
Нормально называть классы, чтобы они не требовали вложенности.
Например, БЭМ и иже с ним.