Как в форму вставить блок?

Осталось палочку на псевдоэлемент заменить и будет супер

SVG, Vue: Почему не работает реактивное свойство viewBox?

Adamos, старость не радость, ага. Я ещё проверяю, что нагуглила, кстати.

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

Флексы не сделают такую сетку без дополнительных оберток.
Грид это решает за 1,5 минуты.

Почему в консоли не отображается media правила?

natalieeccc, div при выделении в девтулзах перестал быть синим?

Как сделать чтобы текст был поверх круга?

Вопрос, почему текст( h1 и p ) уходит за круг?

Читайте про контекст наложения css.yoksel.ru/kontekst-nalozheniya и т.д.

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

Перестать использовать для этого абсолюты и заменить их на гриды.

Как сверстать блок ширина которого будет подстраиваться от конца предыдущего блока до начала следующего блока?

sharp97, когда вы пишете комментарий без упоминаний, об этом никто не знает.

но потом подумал что может как-то без псевдоэлементов обойтись, чтобы gap задал и они(блоки внутри контйенера с учётом gap) сами как-то рассосались под 100% ширину контейнера

Я описала и такой вариант

Почему не устанавливается npm?

npm это менеджер пакетов и судя по всему с ним у вас проблем нет.
А вот зависимости проекта не устанавливаются.
Потому что Node.js 18 версии, а вы пытаетесь вживить туда устаревший node-sass.

Как сверстать блок ширина которого будет подстраиваться от конца предыдущего блока до начала следующего блока?

id не могут дублироваться в рамках одной страницы.
И это не контентные линии, так что используйте псевдоэлементы.
transform: rotate(180deg); - боюсь спросить это зачем?

1. Рисуете линию градиентом по центру. Элементам задаете паддинги и фон.
2. Задаете линии псевдоэлементами для каждого элемента и позиционируете все это флексами или гридами. Между элементами не делаете отступов. Большой блок тоже флексами.

Почему в консоли не отображается media правила?

natalieeccc, тут либо выкладывайте ссылку на сайт либо минимальную песочницу на codepen.io с видимой проблемой.
Либо самостоятельно проверяете скобочки и тд в css.

Как стилизовать два swiper на одной странице?

Lion97icvc, а два класса вы не пробовали задать?
Либо родителю.

Вот, вы же сами пишете <div class="swiper1"> и <div class="swiper2">.
И дальше погнали вложенными селекторами.

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

Например, https://developer.mozilla.org/ru/docs/Web/CSS/flex...
Но не понятно как они сделаны сейчас, так что фик знает.

Как стилизовать два swiper на одной странице?

Как стилизовать два swiper на одной странице?

А как вы вообще стилизуете два разных div на странице?
Задает им два разных класса.
Тут ничего не меняется.

без important размер не срабатывает почему-то

Нужно почитать про специфичность селекторов. И всё встанет на свои места.
И про почему такой селектор не срабатывает без important и как стилизовать два слайдера.

Почему в консоли не отображается media правила?

На первом скрине вы показали наличие стилей для media меньше 991.
На втором скрине показываете как ищете их в браузере на ширине 1354.

И тут возникает больше вопросов, чем ответов на ваш вопрос. В частности, а с чего бы им там показывается?

p.s. на втором скрине выбранный div синий. Если это не качество скрина, то я бы проверила код валидатором.

Как пропорционально сжимать размеры сайта на разных расширениях?

NomadictionW, этот мета тег не работает на десктопах

Как пропорционально сжимать размеры сайта на разных расширениях?

NomadictionW, короче, для этого есть единицы vw и функции типа clamp, min и max.
Нюансы использования всё равно будут, потому что совсем не все блоки и их детальки просто так можно масштабировать, потому что пользователь может хотеть свой увеличенный шрифт и т.д.

Как пропорционально сжимать размеры сайта на разных расширениях?

И что на 380 будет с шрифтом, который на 1440 был 16px?

Как дать ссылку grid элементу?

alpprom63,
Угу, ну да, ну да.
Ссылка с классом:
<a class="grid-item1">Хабр</a>

Это всё.

Как дать ссылку grid элементу?

alpprom63, проще заменить div на a. Не понятно зачем вам лишняя обертка.

Как дать ссылку grid элементу?

Ну и где тут ссылка в разметке в песочнице?

Как исправить прогресс бар?

Почитать про stroke-dasharray и stroke-dashoffset и привести svg к размеру длины окружности 100.