Нужно ли нижнее подчеркивании при именовании SCSS файлов?

тык

Как решить проблему с Figma?

Попробуйте с зажатым Alt.

Как клику на крестик удалить сообщение?

0. Не путайте кнопки и ссылки. Переход - ссылка, действие - кнопка. Можно использовать ссылку вместо кнопки, если у вас есть в запасе страница, на которой нет этого сообщения и пользователь сможет туда перейти после нажатия на неё.
1. Зачем вы удаляете div, а потом еще его внутренности, если он весь целиком со всеми потрохами уже удалился?
2. Указываете неверный селектор, у вас id, а пишете, как будет это тег ("#block1")
3. Не нужен будет querySelectorAll (на самом деле будет нужен, но не для этого).
Итого, достаточно

function CloseSMSOne(){
document.querySelector("#block1").remove();
}

НО всё это будет так работать только если вам нужно удалять только одно сообщение.

Нормальное решение:
Перестаете писать js в разметке.
Пишете скрипт, который находит все кнопки с крестиками через тот самый querySelectorAll. Перебираете в цикле, например, через forEach. Вешаете на каждую слушатель клика addEventListener. При клике удаляете соответствующий родительский элемент с классом .block

Почему при transform: translate(-50%, -50%) блока, в этом блоке пикселя размывает?

На случай, если модалка не поместится в окно, то лучше получится гридами, а не флексами.

Как верстать макет из фотошопа в PerfectPixel?

Поддержу идею, что, возможно, это макет под ретину.
Но нужно смотреть, что там на самом деле.

Решил подтянуть вёрстку — подскажите, пожалуйста, как верстать макеты из фотошопа?

В современном мире макеты в фотошопе встречаются всё реже и реже.
Подтягивать верстку разумнее по современным макетам. (Хотя можно и вовсе без макета, а глядя на любой понравившийся сайт).
В телеграмме полно групп типа "макеты для верстки" со ссылками на Фигму.

Как сверстать такую карточку?

p.s. Нашел как сделать с помощью radial-gradient https://jsfiddle.net/24ngzo6e/1/

Надо же какой знакомый фиддл.

Ну вот так и вставлять, псевдоэлементами.

Если вы ещё пороете по моим ответам, то и ещё более близкие реализации найдете ;) ;)

Как убрать непонятный отсуп у flex?

Если элементов больше, чем на одну строку, то можно гридами и width: fit-content
https://jsfiddle.net/04faL38r/
Для универсальности можно подключать JS либо писать на CSS условия с помощью last-child и nth-child, пользуясь вот этим руководством.

Аналогично, флексами для однострочного варианта https://jsfiddle.net/wr43nk0x/

Возможно, есть решения и получше, но нужно знать какую задачу вы решаете на самом деле.

Как убрать непонятный отсуп у flex?

FrelFrloich, ну зачем же так категорично

Как сделать заполняющийся input-range с пройденной стороны?

alaskafx, при чем тут 129?

Считаете "длину" всей полосы. Принимаете её за 100%.
Получаете значение. Выясняете сколько это в % от всей полоски.
(value - min) /(max-min) *100%
Подставляете полученный процент в градиент.
Пиксели в этом деле вообще не участвуют.
С пикселями придётся узнавать ширину range, узнавать снова при ресайзе, переводить туда сюда и т.д.

Как сделать заполняющийся input-range с пройденной стороны?

alaskafx, и что с того? Это вообще ничего не меняет.
1 - (-1) = 2
2 = 100% и дальше по сценарию.

Как отключить элементы управления в слайдере Swiper?

Антон Литвиненко, только они останутся видимыми, если мне не изменяет память.

Почему может не работать hover?

У вопроса тег React, так что className

Как сделать заполняющийся input-range с пройденной стороны?

Градиентом.
Получаете значение инпута, переводите в %, подставляете в кастомное свойство, которое отвечает за точку перехода градиента.

Как отключить элементы управления в слайдере Swiper?

чтобы при достижении ширины экрана, допустим 425px

Не очень понятно достижение с какой стороны.

Ну да ладно

@media (max-width: 425px) {
.селектор-стрелок {
  display: none;
}
}

Как поставить дробное значение в aspect-ratio?

9/6
Но и так сработает 4.5 / 3

Абсолютный before к родителю и z-index вложенного элемента, как подружить?

Сделайте песочницу на jsfiddle.net или аналоге, в которой видно проблему.
Приложите скриншот того, что должно получится.

Тогда у вас, возможно, появятся шансы получить ответ.

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

Не могу найти такую реализацию.

Вообще-то сильно проще сделать, чтобы они сдвигались.
Возможно, вы забываете удалить и div из грядки.

Кликайте на квадратики https://jsfiddle.net/drmnb6ju/

Как адаптировать шрифт?

Froggyweb,

Как за всем уследить... :)

Я не успеваю (((
Но Q&A один из источников ))

Почему не отображается страница с svg в браузере и как добиться отображения?

IvanRivan, уберите из кода вашей картинки все упоминания :12132 и вставляйте её как хотите.
https://qna.habr.com/q/1067380

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

maketosLikes, пустой див ведь не внутри первого итема был?
А внутри .wrap, ему и задавайте псевдо.
И не в конец, а в начало, before.
И не абсолют.
А нормальный, в потоке, он же должен иметь такой же размер как и правый айтем.

Но зачем так извращаться? Зачем делать это флексами?

Есть гриды, есть абсолюты.