Как написать медиазапрос с @container в koala?

Можно попробовать экранировать строку, чтобы она попала в css "как есть".

Но посмотрите, когда последний раз обновлялся репозиторий коалы.
Может всё таки посмотрите в сторону Gulp? Он умеет очень много приятностей, кроме сборки стилей.

Как убрать расстояние снизу?

alaskafx, если вы уберете position relative у after то это вообще ничего не изменит.
Но можно убрать сам after.

Как иcправить - страницы сайта в мобильной версии отображаются (открываются) неправильно?

Александр, тут не поспоришь

Как иcправить - страницы сайта в мобильной версии отображаются (открываются) неправильно?

AlinaHeldman интересно, вы блокам задали минимальную ширину 740px. И как оно должно поместиться в мобилку?

Как иcправить - страницы сайта в мобильной версии отображаются (открываются) неправильно?

Александр,

Во вторых, где ваш волшебный чудо-код, в котором вы не можете найти ошибку? Опишите кусок кода, который вы не можете задеббажить и мы вам сможем помочь.

Там ссылка на скринах )))

Почему не работает z-index?

Pro_Code,

Не соображу, как на флексах можно поправить?

Типа того: https://jsfiddle.net/z063fode/
Но если ширина окна станет меньше (минимально возможной ширины текста)х1.5, то вылезет.
А гридами просто до мин ширины контента, а это лучше.
Но зависит от задачи, конечно. Можно на мобилках перестраивать рамку просто вниз или убирать вовсе. Или ещё что-нибудь.

Как скрыть панельку адреса сайта?

Это чтоль?

Почему не работает z-index?

Pro_Code,
Безопасный вариант, при котором рамка не наедет на другие элементы и не уедет за край окна. Все элементы остаются в потоке, не меняют контекст наложения и вообще всё прекрасно.
В современном мире многие задачи стали решаться без абсолютов.


В вашем варианте padding 40px может не компенсировать ушки рамки. Не забудьте поправить.
Но это уже не про z-index и вообще не про то, как он работает.

Как должна выглядеть файловая структура сайта по БЭМ?

Norum, вы е прочитали статью? Или нет?

В БЭМ блок первичен, а технологии — вторичны. Поэтому код проекта хранится по-блочно: каждому блоку соответствует свой набор файлов, необходимых для его реализации.

И дальше идут 3 варианта.

В каком-то из этих вариантов файлы группируются по типу файлов? Нет!

А дальше зависит от команды в которой вы работаете и принятых в ней стандартов.

Почему отображает ошибку?@include sass gulp не работает?

неа, там миксин используется, а не переменная

$phones: 100px;  // нужная ширина

@mixin phones {
  @media (min-width: $phones ) {
    @content;
  }
}

Почему не работает z-index?

Pro_Code, вы перечислили всего два из четырех возможных значения position и ничего не сказали о гридах.

Наверное, и вы и я понимаем, что вы хотели сказать.

Но этот сайт читают и совсем новички тоже. Из вашей фразы они могут сделать неверный вывод. И смешно им не будет. Тем, кто будет работать потом с их кодом, вероятно, тоже. Так что давайте постараемся аккуратнее относится к формулировкам. Тем более, что z-index и так тема сложная.

Как посмотреть код элемента на сайте который защищен?

generate, это задача на смекалку )))
На этом сайте не работают, но на других-то работают ;)

Почему не работает z-index?

Pro_Code,

на сколько мне известно, чтобы использовать позиционирование по оси Z, элемент должен иметь свойство position: relative или absolute.

Нет. Любое отличное от static.
И еще в гридах.

Ссылка, которую вы любезно предоставили - не раскрывает сути.

Ну что ж... Давайте читать вместе...

Новый контекст может быть сформирован в следующих случаях:
Если элемент – корневой элемент документа ( элемент)
Если элемент позиционирован не статически и его значение z-index не равно auto
Если элемент имеет прозрачность менее 1

У родителя не статик и не авто у z-index.

т.к. на странице могут быть элементы с уже установленными индексами и прятать элемент - устанавливая -1 не совсем хочется...

Могут быть.
Но при этом они могут не иметь никакого отношения вашему блоку. А могут и иметь.

Не понравились эти статьи, нагуглите любые другие про контекст наложения и z-index.

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

slagoris,

WTF///

чудеса :)

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

slagoris, и очень странно, у меня решает почему-то :)

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

slagoris, тогда показывайте что получилось. Либо ссылку либо песочницу на jsfiddle.net

Почему Grid область не занимает нужную высоту ячеек?

ForSureN1, задайте row-gap не в процентах.

Почему не работает margin?

danteasy, если ответ может помочь в решении задачи, его принято помечать решением.
Можно отметить несколько ответов.
От этого плюсы всем.
Вам - вам охотнее станут помогать
Отвечающим - мелочь, а приятно
Другим ищущим - меньше читать, ведь вы уже отметили хорошие ответы.

Как сделать такой стилевой эффект?

backdrop-filter: blur(4px); Значения, цвет и прозрачность фона подбирайте самостоятельно.

Почему Grid область не занимает нужную высоту ячеек?

ForSureN1, чтобы узнать, что поправить нужно знать что в коде, а не только огрызок, который вы показываете.
Перечитайте, пожалуйста, правила сервиса и сделайте песочницу с видимой проблемой на jsfiddle.net
Это удобно ещё и тем, что пока делаете, очень вероятно и проблему решите.