Как убрать элемент на задний фон, чтобы он не лежал выше текста?

- Прибить фоном, а не абсолютом
- Задать z-index-1
- Задать тексту z-index

Предварительно почитав про контекст наложения, например, тут css.yoksel.ru/kontekst-nalozheniya

Вопрос по семантике. Нужно ли р/чел оборачивать в abbr?

Запустите скринридер и послушайте как лучше.

Можно ли сократить повторяющийся css без доп класса?

Вадим, да я уже. Сначала показалось, что небезнадежен. Но когда пошли вендорки в миксинах...

Да и главное, чтобы спрашивающий или другие читатели не приняли за чистую монету.

Как сверстать эту секцию?

Syrone, достаточно одной картинки. Зачем вам несколько? Они затейливо ведут себя при адаптиве?

Ссылка на главную страницу сайта не создает сниппета в месенджерах и соцках?

Valentine5, валидатор в помощь

Ссылка на главную страницу сайта не создает сниппета в месенджерах и соцках?

Valentine5, правильно: так не делать. По-хорошему, открывающий и закрывающий теги должны быть в одном файле.

Но если нет общего файла, то придется так.

не должно быть несколько?

Нет. Он может быть только один на странице.

Автоматическая сетка на grid по условию?

greencost, можно сделать грид в один столбец.
Первые два элемента запихать в одну клетку и задать ширину с выравниванием.

Ссылка на главную страницу сайта не создает сниппета в месенджерах и соцках?

Попробуйте заглянуть в собственный код

spoiler

Можно ли сократить повторяющийся css без доп класса?

HardBot, код скомпилируется ровно в то, что и было и никакого сокращения не будет.
Собственно в этом варианте и миксин ничего особо не сокращает.

Не могу установить модульный зависимости. При команде npm i выдает ошибку. Выручите?

Поскольку неизвестно, что там вообще происходит, я бы начала с русских букв и пробелов в пути

Можно ли сократить повторяющийся css без доп класса?

HardBot, ну и во что оно скомпилируется?

Как называются такие эффекты?

Максим Тимофеев, человеку было нужно слово. Scroll анимация была написана выше, я лишь предложила ещё вариант.

Как создать кнопку и рядом картинку?

<a class="btn" href="">Get started</a>

.btn {
 background: ваша стрелка в нужном месте
}

Альтернатива: псевдоэлемент со стрелкой.

Но стрелка это не img.

Как называются такие эффекты?

Параллакс?

Как сверстать эту секцию?

Да хоть гридом..
Поделите как хотите, потом внутри ячеек выстраивайте.
Для адаптива calc и vw в помощь (возможно, пригодятся clamp, min, max)


Ну или абсолютами, по старинке.

Автоматическая сетка на grid по условию?

greencost,

.block > * {red}
.blue {blue}
.yellow {yellow}

или (выглядит ужасно, конечно)

.block > * {red}
.block > *:first-child {blue}
.block > *:nth-child(2) {yellow}

Возможно, вариант с доп оберткой для первых двух, даже на js, обойдется дешевле, чем *

Как высчитать высоту поля textarea при вставке в него значения через JS?

https://qna.habr.com/q/1249720

Автоматическая сетка на grid по условию?

greencost,

я не могу задать стили для красных через nth

Я и не предлагала задавать красным через nth.
Перечитайте внимательно.

Все элементы это селектор *
Он, конечно, тяжеловат для этого случая, но решит вашу проблему.

Автоматическая сетка на grid по условию?

Всем задаете стили красных.
Первому и второму переопределяете.

Либо наоборот, используя :not

Не очень понятно, что не получилось..

Как сохранять изменения на Веб-сайте?

Как альтернатива есть "админки" типа textolite.ru