Почему не меняется цвет и толщина обводки у SVG через object и css?

Нерон Лордов, спрайты собираются автоматом, например, галпом или вебпаком

Почему не меняется цвет и толщина обводки у SVG через object и css?

Нерон Лордов, не поняла, use усложнит? Чем это?

Почему не меняется цвет и толщина обводки у SVG через object и css?

Нерон Лордов, между внешним svg и css нет связи. Это html знает и о том и о другом, а они друг о друге ничего.

Почему не меняется цвет и толщина обводки у SVG через object и css?

Нерон Лордов, угу

Как прописать мета тег, чтобы сайт адаптировался только на мобильном?

Причем работает только на мобильных.

Опишите задачу подробнее, чего именно вы хотите добиться.

Как движением линии скрывать один блок и показывать другой?

Ingernirated, нижний не надо скрывать, это лишнее.
А у верхнего просто меняется ширина. За счет overflow видна только часть картинки вставленной абсолютом в блок.

Align-content: stretch не выравнивает строки. В чем проблема?

albezver,

вложенность компилирует препроцессор

Не надо сваливать на препроцессор. Никто не заставляет писать их вложенными и не использовать классы. Пишите нормально на препроцессоре и на выходе будет нормальный css.

А про то, что figcaption нужно задать display: flex и работать с его дочерними элементами вы мне до этого не говорили ;)

Ровно в том же комментарии, где про margin-top для цены, написано, что нужно задать флекс и т.д. родителю. А родитель у цены это figcaption.

Кстати, и figcaption тут употреблен не к месту ))))) Извините.
Что-нибудь вам нужно почитать про семантику, хороший код и т.д.

Align-content: stretch не выравнивает строки. В чем проблема?

albezver, https://jsfiddle.net/f5zLwdk0/

И не используйте id для стилизации и вложенность больше 2х уровней. Перепишите нормально.

Align-content: stretch не выравнивает строки. В чем проблема?

albezver, так вы же не сделали то, что я написала

Как заменить img=src на другое изображение посредством CSS?

Alex, нездоровая, да, но если надо, то способ в ответе )).

Align-content: stretch не выравнивает строки. В чем проблема?

albezver, ваш код на jsfiddle.net пожалуйста

Как заменить img=src на другое изображение посредством CSS?

Alex, какие еще идеи сделать это на css и не трогая разметки?

Align-content: stretch не выравнивает строки. В чем проблема?

albezver, используйте margin-top:auto для цены.

Предварительно задав флекс родителю, направление по столбцам и выравнивание

Существует ли аналог шаблона?

Там уже все нарисовано, а картинки наверняка лежат в папке типа image.
Сверстайте сами как вам нужно.
Альтернатива: фриланс.

Как правильно сверстать вертикальные блоки?

Lorem Ipsum, так да, если есть ТЗ, то должен

Как правильно сверстать вертикальные блоки?

Lorem Ipsum, дизайнер вообще не обязан попадать в сетку

Как поставить элемент точно по центру в flex-контейнере при space-between?

Roweb, содержимое встанет по центру https://jsfiddle.net/p417dL9j/

При том же адаптиве эти 33% нужно сбрасывать еще до перескакивания блоков на новую строку, чтобы все не поплыло.

33% это упрощенный пример. Вы можете просто задать равную ширину крайним блокам. А среднему flex:1 или вообще не задавать ширину.

Как поставить элемент точно по центру в flex-контейнере при space-between?

Если эти элементы не ссылки, без ховера, без фона и всего зависящего от площади, то можно без доп. оберток через text-align.
В других случаях, именно так как написал Сергей Сергей delphinpro и уж точно без магических чисел.

Как сделать выпадающие блоки с описанием?

Хотелось бы что бы каждый блок выпадал точно из под своей кнопки.

Блок-кнопка и блок-текст должны иметь общего родителя либо блок-текст должен быть внутри блока-кнопки.
И absolute для блока-текста и relative для его родителя.

Типа того: https://jsfiddle.net/s75m61uv/
Только у меня при hover.

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

В js|jq задавайте дополнительный класс для .background-slide.
А в css уже пишите.new-class::before {фон и т.д.}