Как сделать такую рамку для слайдера?

Erl, Покажите как вы это делаете без рамки на jsfiddle.net

Общий план такой: либо внутренняя тень либо псевдоэлемент с такой же трансформацией + scale

Как сверстать Radio Buttons?

Дмитрий, так: .radio-option:checked ~ label вполне сошло бы. В вашем варианте при наличии списка, лишний тег span, который можно упростить. Т.е. сама разметка у автора лучше. Не хватает только класса у label.

Расположение CSS-grid?

У меня вопрос: на кой черт вам сдались для этого гриды?

Как сверстать Radio Buttons?

Дмитрий, потом из этого примера люди просто передирают код.

Как сверстать Radio Buttons?

У инпутов есть классы radio-option, а потом пишете дичайшие селекторы типа .radios > li input:disabled ~ label::before
Которые прекрасно заменяются на
.radio-option:checked ~ label
Возможно, у label тоже есть классы.

Как сделать кнопку по центру?

Игорь Стасюк,
1. Вообще ничего не мешает вставлять ссылки внутрь span, если это зачем-то нужно.
2. Из того что в коде, display block только у div.
3. За год немногое. Но идея про вставку блочных в строчные или наоборот и т.д. ушла с наступлением HTML5. А это случилось не в 2019...
Думаю, имеет смысл обновить знания.
https://developer.mozilla.org/ru/docs/Web/Guide/HT...
https://html5book.ru/kontentnaya-model-html5/

Как при изменении размера окна браузера, не изменять изображение по вертикали?

https://webref.ru/css/object-fit

Либо задаете высоту, а ширину auto и лишнее обрезаете родителем

Как сделать кнопку по центру?

А еще просто ужасная практика запихивать блочный элемент в строчный

1. Где там блочный в строчный?
2. Откуда вы знаете какой у него блочный, а какой строчный не видя стилей?
3. И в каком году вы последний раз читали спецификацию?

Какой редактор форматирует структуру html файла?

zhogar, +

Какой редактор форматирует структуру html файла?

zhogar,

https://web.habrastorage.org/ru не принимает файлы сделанные скриншотом yandex диска

Прекрасно принимает.

Какой редактор форматирует структуру html файла?

Существует ли редактор

И даже онлайн.
К большинству редакторов есть встроенные или устанавливаемые плагины.
prettify code, beautify code
А также гуглите editorconfig

Как сделать линию?

1. Зачем линия?
Это разделитель разделов, граница или просто так дизайнер развлекался?

2. Где картинка?

Рисовать линию можно фоном, border'ом, фоновым градиентом, SVG и чем-нибудь еще. Что выбрать зависит от ответов на пункты 1 и 2.
Острые концы тоже можно сделать не единственным вариантом. Обычно, псевдоэлементами или фоном.

Как добиться отображения background как на макете?

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

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

kostyan_146,

А как-то можно сделать, чтобы сначала уменьшалось изображение, а потом уже блок справа от него?

Использовать @media условия.

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

kostyan_146,

а что использовать вместо id, если мне нужно применить теги к одному блоку?

Один блок это один <тег>.
У тега могут быть атрибуты. <тег атрибут="" атрибут="">
class это атрибут.
Значений у одного атрибута может быть несколько, например:

<div class="class1 class2 class88">содержимое тега</div>

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

kostyan_146, И всё заработает https://jsfiddle.net/48yw6a9d/

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

kostyan_146,

можете подробней про picture?

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

А случай отличается тем, что везде пишут, что достаточно добавить width: 100% и height: auto, что у меня не работает

Сделайте песочницу на jsfiddle.net

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

И не используйте id для стилизации.

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

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

Уточните, чем ваш случай отличается от всех остальных.

Адаптивные изображения делаются с помощью тега picture

Как сделать стрелку?

Проще всего SVG.

Можно, конечно, извратиться множественными градиентами, но тут даже я не стану ))))) Будут некачественные зазубрины.

Как поменять только одно свойство transform, если их несколько?

v3shin, отредактировала