Почему СВГ с маской не отображается через use?

tis-cake, Смотрите, как в css-ticks https://css-tricks.com/ сделано - градиент вынесен из symbol и находится в svg > defs

не могу сделать плавный переход

Переход для какого css свойства происходит?

Почему Яндекс отображает веб-страницы по другому?

А в Opera Mini отображается корректно?

Как выстроить в 3 колонки?

megazvero, Если не делать доп обертки для каждой колонки, то только css columns

Адаптация: Почему отображение сайта так отличается?

Константин Лавровский,

спрашиваю потому, что на ретину никогда не верстал раньше

Вот вы удивитесь, но если к примеру использовать сетку от bootstrap 3 или 4, то таких проблем не будет. И ретина здесь вообще не при чем.

Что делать если не отображаются Font Awesome иконки?

SUS_ITS_LOVE, font awesome - это шрифт. Вот и вставляйте текстом https://jsfiddle.net/n31pbqog/554/

Адаптация: Почему отображение сайта так отличается?

Интересная ситуация получается. Вы делаете сайт на заказ. У вас откровенный косяк в верстке. Его пофиксить сами не можете. Присылаете скриншоты с проблемой. И какой ответ вы жаждите услышать? Подтвердить, что верстка поехала? Подтверждаю.

Скрыть кнопку, как составить правильно стиль?

Grizar,

Я ЯСНО задал вопрос

А я ясно ответил еще в самом первом комментарии.

Скрыть кнопку, как составить правильно стиль?

Grizar, Перечитайте мой первый комментарий - там все было написано, что нужно изменить разметку и даже позже привел пример, как сделать.

Скрыть кнопку, как составить правильно стиль?

Grizar, Так нужно давать модификатор .price--outstock при наличии outstock
<span class="price price--outstock">

разметка стандартная вукомерс, единственное чтоя вставил так это

блоки не могут быть внутри span

Скрыть кнопку, как составить правильно стиль?

Для начала объясните, как блочный div оказался внутри инлайнового span?
.outstock-text находится внутри .price, поэтому никак, только если давать модификатор для price

.price--outstock .ajax_add_to_cart {
   display: none;
}

И наведите порядок в разметке - невалидная каша получается.

Как реализовать это?

Арсений Матыцин, Дело же не совсем в размере, gif при адаптиве на малых экранах и тем более retina (а сейчас это почти все) будет выглядет печально.
illustrator много лишнего добавляет в svg. После svgo 4kb могут стать раза в 4 меньше.

Как реализовать это?

пикчу можно сделать gif без фона

Я надеюсь, это был сарказм.

Как сделать в html скрытые блоки?

xmoonlight, Реально сделать только псевдо timeout в виде анимации. Да и я не утверждал, что это не реально, а уточнил у ТС о его намерениях.

Работают ли псевдоэлементы совместно с родственным селектором?

.mortgage__bank - это li?

Как сделать в html скрытые блоки?

как сделать таймер на появление блока к примеру через 7 секунд

Помогите это сделать без js!

Вы хотите сделать таймер на css?

Как сделать, чтобы cursor: pointer был не на всю ширину?

olya_097, Вот сейчас вообще не понял, при чем здесь клик. Вопрос о стилизации курсора при наведении на текст и крестик. Клик обрабатывается с помощью javascript.

Как найти несколько идущих друг за другом элементов с помощью?

Это ТЗ?

Как изменить блок с SVG в CSS?

Егор Мунтьян, Раз не помогло, значит ссылку давайте на песочницу или github page

Оптимизировать sidebar?

#sidebar-container .list-group .sidebar-submenu a - когда видишь такие селекторы, дальше вникать в суть проблемы и не хочется.
toggleClass('d-none') display: none не анимируется, зато анимируется width, height, opacity, transform и другие.
У jQuery есть методы slideToggle(), fadeToggle(), toggle()

Как нарисовать половину дуги?

Посмотрите в сторону https://anseki.github.io/leader-line/ либо отрисовывайте круг и элементы позиционируйте на нем. Вокруг каждого элемента белый border.