Как сверстать такой блок?

Возможно, но SVG выиграет и по весу и по качеству и по потраченному времени.

Как позиционировать через flex?

Да неудобно это делать флексами...
https://qna.habr.com/q/1088262

Где найти коды примеров с документации bootstrap 5?

Сначала нужно выяснить почему вы не видите код.
Например, что-то с темой в браузере или какое-то расширение всё портит.

Как сделать слайдер, который выходит с правой стороны за пределы контейнера?

Ребят, вопрос уже подымался

Так может там и ответы были?
https://qna.habr.com/q/1122362

Можно использовать transform дважды?

hesrun, с помощью кастомных свойств
https://codepen.io/AnnaSummer/pen/KKyLJRE
Чтобы не повторять один и тот же код и чтобы менять нужно было только один раз.

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

Влад,

Забыл предупредить, что я осознанно не смотрел ваш форк в песочнице. Когда сам мучаешься и задаёшь вопросы, то потом из головы ничем не вытравишь )

Думаю, имеет смысл посмотреть.

Как правильно высчитывать количество фракций в макете, когда между блоками присутствует gap?

Точно также, в долях от оставшегося пространства.

Что вы имели в виду?

Пустые блоки в разметке оправданы очень редко. Например, блок подготовленный для выдачи в него результата с помощью скрипта. Или при очень затейливом дизайне, когда двух псевдоэлементов не хватает.
В данном случае в той ячейке должно быть либо просто пусто либо можно поместить туда псевдоэлемент.

Почему произвольно переноситься текст при его подчёркивание?

Dobby_Narko, угу, верно.
Если флексом, то нужно доп обертка для текста.
Либо прибить псевдо абсолютом.

Другие способы: https://developer.mozilla.org/ru/docs/Web/CSS/appe...
или accent-color.
Кастомные чекбоксы правильно

Почему в разных браузерах по разному стоит объект?

Я вижу так в обоих браузерах

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

Влад,

Искренне не понимаю зачем здесь display inline-block, а vertical-align вообще работает только на таблицах.

Это неверно.
Раз­би­ра­ем­ся с vertical-align
А нужно для того, чтобы не было пробела после картинок.

Если вы посмотрите мою песочницу, то увидите, что я эти свойства задаю картинке, а не итему.

2) А куда же мне без пустой ячейки .item_3, ведь она же создаёт отступ.

Ну и пусть себе задает.
div в неё зачем складывать?
По идее должно быть достаточно пропорций у блоков с картинками.
Если почему-то нет и нужно прямо ему задавать aspect-ratio, то имеет смысл заменить его на псевдо от большого блока и убрать рамки.

Это вы меня, коллега, склонили гриды освоить, теперь помогите мне разобраться, пожалуйста

Небольшая игрушка по гридам: https://cssgridgarden.com/#ru

от души с праздником вас, коллега

Спасибо, мне приятно :)

Как правильно сверстать блок-background?

Андрей Годунко,

А твое мнение какое?

Люди разные. Кто-то воспринимает видео уроки, кто-то любит книжки, кому-то нужен наставник, чтобы тыкал пальчиком, кто-то хочет ходить в аудиторию вместе с другими людьми. Никто лучше вас не знает, информацию в каком виде вы воспринимаете эффективнее.

Лучшее изучать какой либо курс html/css. Либо курс где верстают?

Не осознала в чем разница.
Если первое это то, где вам зачитывают справочник со свойствами и тегами, то опять же: если на слух вам удобнее, то почему нет. По-моему, читать быстрее.

Почему не могу развернуть библиотеку?

Node js установлен 7 версии.

Актуальная 16ая.

Можно использовать transform дважды?

ambisinister One,

Может, сначала узнать, что он хочет

Узнайте.

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

Да, тут все такие.

что Вы не совсем правы

В котором из трех вариантов решения?

Решение всегда можно найти)

Да, я там выше предложила решение и даже не одно.

Готовы посоревноваться, кто короче и проще код напишет?

Пишите.
Можете ещё поразвлекаться тут https://cssbattle.dev/

Со своей стороны готов работать по его сценарию, с трансформами у скейлами...

Я не мешаю.

Без флексов и гридов?

Делайте, что хотите.
Вы всё равно потом никакого кода не предлагаете.

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

Влад,

новоиспечённое свойство aspect-ratio для контейнеров с изображениями проблему не решает

В смысле не решает? Видно же, что решает.
Но вы потеряли display inline-block и vertical-align, которые я вам дописала в код, чтобы не было пробела.
И про object-fit и всё такое, чтобы картинка растягивалась по ячейке.

Что делать с пустой ячейкой .item_3 ?

В макете там пусто ;)
Не знаю, зачем вам в ней item.

Можно использовать transform дважды?

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

и мне например нужно его выровнять через абсолютную позицию и отрициательный translate

Вы можете сделать это флексами или гридами, а не трансформацией.
А вместо scale изменять размеры.

Если всё же нужно трансформациями, то удобного способа нет. Облегчить жизнь можно, используя кастомные свойства.

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

Влад, ждать aspect-ratio или использовать хак с паддингом или единицы vw, если сможете посчитать.

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

Влад,

Я не понимаю почему происходит вот это:

Потому что вы сказали браузеру, что вам нужно 5 строк одинаковой высоты..

https://developer.mozilla.org/ru/docs/Web/CSS/grid...

Как сделать изначальную высоту блока адаптивной?

htmlclassic, по клику на заголовок

Как правильно сверстать блок-background?

Андрей Годунко, https://qna.habr.com/q/336726#answer_849520

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

Чем вас не устраивает самый простой вариант: сделать им общую обертку?

Как сделать изначальную высоту блока адаптивной?

htmlclassic, заголовок показывается, текст скрыт.