Как вы бы реализовали этот блок на html/css?

гриды
drop-shadow
радиальные градиенты или svg для уголков

На каких технологиях писать многостраничный сайт-визитку?

Так же необходимо учитывать что возможно понадобится администрирование сайта (добавление удаление новостей...).

Зависит от того, кто будет их менять и их навыков.

Можно статикой и любая сборка, чтобы шаблонные вещи не повторять.
Можно приделать Textolite
Можно чуть продвинутей взять генератор статики Eleventy.
Причем, 11ty поддерживает маркдаун вместо html. Это может быть легче и привычнее для людей не знакомых с версткой.
Либо всё таки CMS. Видимо, WP.

Как выровнять шрифт?

Am-glitch, загуглите Минускульные и маюскульные цифры

Как научиться удерживать код в голове?

Немножко разные вопросы в заголовке и в тексте.

Из заголовка:
Что именно вы хотите удерживать в голове? Цвета? Размеры? С какой целью это (или что-то другое) нужно в голове?

Из текста:

а построить именно всю цепочку не хватает мощьности мозгов

Тут тоже не всё ясно, какие цепочки в голове у верстальщика? Цепочки чего и зачем?

Если речь уже про js или типа того, то рецепта глобально два (ну кроме обычной тренировки памяти)
- не держите в голове, пишите/рисуйте на бумажке или в подходящем файлике
- разбивайте задачи на мелкие

Как-то закрывается тег в html! Что делать?

DIVSIDE,
Да, если мы не в полной мере контролируем разметку и опасаемся того, что внутрь закрадется div или заголовки или что-то типа того. Тогда, действительно, лучше не надо.
Оборачиваем в div (или что-то другое более подходящее по смыслу, если имеется).

Почему можно

Часто параграф воспринимается в бытовом смысле, как логическая конструкция. Но в HTML он имеет расширенную область применения и как структурный элемент, служащий для объединения фразового контента.
img + span вполне подходят для этого назначения.

Но автору вообще не нужен там img :)
Если судить по названию в урле.
Убрать его в стили и оставить спокойно только p.
Но там много чего ещё можно сделать с разметкой, если беспокоиться о семантике (Не похоже, что это кому-то нужно, но вопросы и ответы читают не только их авторы).

Как-то закрывается тег в html! Что делать?

В исходном коде меняем h5 на span и всё.

Либо

<h4>
  <img>
  <span></span>
</h4>

И именно h4, а не h5. Потому что предыдущий был h3

Но если решать через заголовки, то нужно убедится в том, что это и по смыслу заголовки, а не "мне нужен жирный текст покрупнее, поэтому я пишу h5". Ну и всякие там section и прочее, а не дивянку.

Ещё вряд ли монетка нужна как img. Скорее всего спокойно можно убрать в стили.
И останется просто

<p id="test-answer-price">
    15
  </p>

Как-то закрывается тег в html! Что делать?

dom_4k, DIVSIDE, img можно вставлять в p

Как добавить перенос строки на html странице?

alex_lemurski, в базе как выглядят ваши переносы строк?
А в html они должны выглядеть как <br>.
Меняем одно на другое при сохранении (меньше работы) или выводе.

Как вставить разметку Open Graf на сайт с шаблонным header?

Как реализовать разное описание страниц и заголовки я нашла - с помощью переменных.

Но вот как сделать разную микроразметку open graf?

Ну вот точно также.

Пока не понятно что именно вы пишете и почему оно не работает.

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

LeonCoder,

Вопрос только в том через js или сразу на php это делать.

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

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

LeonCoder,

Я тестирую сайт на локальном сервере, а затем его собираюсь залить уже на хостинг. Там уже он и будет работать. А сейчас пока он на гитхабе для примера.

Тогда нужно показать что вы пробовали и что именно не получилось.
Потому что на вопрос в таком виде как сейчас, можно ответить только, что он легко гуглится. Либо фриланс, там где сделают за вас.

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

Начать бы с того, что на гитхабе это не будет работать. Он не поддерживает php.

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

Есть какие-то способы просто по внешнему виду

Любой вид может быть сделан на чем угодно.

Как в WebStorm включить postcss-nested в CSS?

Почему-то думаю, что это линтер ругается, а не Шторм.
Потому что сам по себе Шторм такого не подчеркивает, более того, нестинг напрямую работает в браузерах (современных)

Или вот эту настройку посмотрите

Как сверстать такое (фото)?

EgorSabyanin, можно

Как сверстать такое (фото)?

EgorSabyanin, можно коническим градиентом.
Но там ещё свет от полоски.

Как сверстать такое (фото)?

SVG, stroke, stroke-dasharray

На codepen полно примеров.

Как настроить в phpStorm 2020.3 автозагрузку скомпилированных файлов?

bulkmaker, удалила

Как настроить в phpStorm 2020.3 автозагрузку скомпилированных файлов?

bulkmaker, обновила

Как настроить в phpStorm 2020.3 автозагрузку скомпилированных файлов?

bulkmaker, типа того https://github.com/Ankhena/delete
Забирайте и удалю