я стараюсь делать абсолютно всё резиновым и использовать rem и не использую bootstrap
Вроде бы ваша табличка дала ответ на мой вопрос))) если планшет >992 то контейнер уменьшаю до 960 если телефон <768 то контейнер делаю 720 если маленький телефон то 540 !
Я учу html css уже 3 месяца но навбар создать такой кошмар.
медиа запроса-работает при срабатывании условия, а условие (width >= 1300px)
@media (max-width: 1300px)
написано вообще-то обратное: сработает при ширине меньшей или равной 1300. (Если больше ничем не перебьется). как раз таки ошибку кидало не туда, где не закрыта а на последнюю скобку
Как можно поменять цвет:
1. Использовать иконку как mask, цвет меняется при помощи background-color
2. CSS фильтры (не очень легко для браузера)
3. SVG-стеки (не символьные спрайты, а стеки из svg). Внутри указываем цвет как currentColor или с помощью кастомных свойств CSS. Либо убираем fill из стека и задаем через CSS.
4. Инлайним SVG в разметку, меняем fill. Но стеки лучше.