Не работает max-width в IE11?

это нормально использовать width. а не max-width?

Если вы получаете нужный результат, то почему это не будет нормальным?
А вообще зависит от желаемого результата. Ограничить ширину это одно, задать конкретную другое.

max-width задает максимальную ширину блока, т.е. то на сколько блоку можно , а не нужно растянуться.
ИЕ просто переносит заголовок на другую строку (именно на той ширине, на которой вы проверяете) и блок не растягивается на максимальную ширину.

Еще почитайте про flex-shrink и flex-grow.

Не отображается рисунок svg в Опере, а в Мазиле все прекрасно отображается?

Вы бы хоть код svg показали, а еще лучше сделали песочницу (jsfiddle.net codepen.io) с видимой проблемой.

Как импортировать css-файл в sass-файл?

1. Сделайте из css sass.
2. Попробуйте убрать расширение файла
3. Перестаньте пользоваться коалой ))

Как это сверстать?

Aetae а, не, я как-то криво потестировала ваше решение. Прошу прощения )))

Как сделать liner gradientom треугольник?

Александр,

только прям очень много материала по ним не вижу

Да там изучать нечего. Угол, цвет и точки перехода из одного цвета в другой.
Остальное на уровне задачек школьной геометрии.

Градиенты теория: https://html5book.ru/css3-gradient/
Паттерны: css.yoksel.ru/css-patterns
Радиальные: css.yoksel.ru/radial-gradients

Как сделать liner gradientom треугольник?

https://jsfiddle.net/vktoze24/
ну или так, для красоты https://jsfiddle.net/vktoze24/1/
Но это я фантазирую, потому что не знаю о чем думал дизайнер при адаптиве.

Как сделать liner gradientom треугольник?

Я же уже отвечала на ваш вопрос
Как сделать background с позиционированием?
Дальше считайте позицию треугольника и размеры.
Если они тянутся на всю ширину окна, то придется вспомнить тригонометрию ;)

Почему не получается группировать классы?

Hutson, sass в вариации scss

Как правильно сделать такой ховер?

outline-offset

HTML верстка Когда использовать Bootstrap/FlexBox/CSS Grid?

Берете задачу, решаете флексами. Потом гридами.
Если решается и тем и другим, выбираете более красивое решение.

Как сделать фон фиксированого размера без pos absolute?

Аким Саввин, Либо считать градиент от верха

background-image: linear-gradient(to bottom, transapent 40px, #444 40px)

Как сделать фон фиксированого размера без pos absolute?

Аким Саввин, в вашем случае нельзя задавать фиксированную высоту фону.
Серый фон зависит от количества контента в блоке (свяжитесь с нами и т.д.).
А форму просто надо сдвинуть за пределы этого блока и повесить абсолютом.

Либо считать градиент от верха.

background-image: linear-gradient(to bottom, transapent 40px, #444 40px)

Как сделать фон фиксированого размера без pos absolute?

Аким Саввин, я же написала, замените цвет на градиент
background-image: linear-gradient(color, color)
После этого сможете задавать bg size, bg position и т.д.

Как сделать фон фиксированого размера без pos absolute?

Убрать этот div и использовать bg size. Если фон это цвет, то заменить его на градиент из двух одинаковых цветов.

Как отнести пустое место между линиями к ним же?

Данил Полянский, ну так и к button ;)

Как отнести пустое место между линиями к ним же?

Данил Полянский, кнопочки всё таки лучше делать тегом button, а не span'ом.
Или ссылкой, если предусмотрено куда отправить пользователя на случай отсутствия js.

Как отнести пустое место между линиями к ним же?

В любом случаи

не в любом )))

Какой-то баг с slick slide?

1. Сократите количество оберток.
Декоративная кавычка это один (!) псевдоэлемент, а не 2 DOM элемента.
div вокруг одного p лишний. div вокруг двух p тоже вероятно лишний, но не видно макета.
и т.д.
Уже станет легче.
2. Классы col-lg-4 лишние, потому что слик все равно переопределит их за счет slidesToShow: 3
3. Чтобы можно было вам помочь, нужно выложить рабочий код с проблемой в песочницу типа jsfiddle.net
Потому что стили вы даже не выложили, но если бы и выложили сюда, то вычислять их глазками вряд ли кто станет.

Почему background-image: url применяется только для body?

Comsequent, Нет, я не соглашусь. Я уже 100 тысяч раз писала, что единицы измерения нужно использовать подходящие.

Если какой-то размер зависит от ширины вьюпорта, разумно использовать vw и очень глупо vh или что-то еще. И нет никакого правила хорошего тона, что высота блоков обязана зависеть от высоты вьюпорта. Если зависит - ок. Если нет - значит, нет. Всё.

Скорее есть другое правило, что высоту лучше вообще не указывать, а позволять ей растягиваться по контенту. Для ограничения, если нужно, задавать min-height и/или max-height.

Почему background-image: url применяется только для body?

Comsequent, никто не запрещает задавать высоту в vw. Простецкий пример: если вам нужен квадрат со стороной равной ширине вьюпорта. Либо любые другие пропорции и зависимости.