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

Masterof, рада, что всё получилось))

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

Владимир Кузнецов, да
Либо гридами и 1fr
Но вначале нужно определиться у кого будет прокрутка при переполнении.

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

Так проще гридами.
Только при переполнении будет не то, что вы хотели.

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

calc(100% - 280px)
И у родителя должна быть указана высота, чтобы было от чего считать %

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

Masterof, ещё раз медленно:

чтобы ггугл СПИД не ругался на смещение макета должны быть точные значения высоты

Да, в разметке пишете фикс высоту.

и чтобы она была адаптивной

В стилях меняете с помощью unset или auto или как хотите ещё.

Как разместить блоки по краям?

WoodyAndBuzz, в общем, так или иначе нужно привести к такому виду
https://codepen.io/AnnaSummer/pen/LYQbmqE

Как разместить блоки по краям?

WoodyAndBuzz, не знаете почему эти варианты не подходят?

Ну есть ещё средний: немножко увеличить фото и немножко уменьшить текст/карточку.

:)

Как разместить блоки по краям?

WoodyAndBuzz, который из вариантов не подходит? И по какой причине?

Как разместить блоки по краям?

1. Сделать текст по ширине картинки
2. Сделать картинку по ширине текста.

У вас отступ в обеих карточках, а не только в правой. Обведите блоки рамочками, если так не понятно.

Препроцессор/шаблонизатор HTML 2022?

Из требований необходимы только шаблоны и циклы.

Тогда вам gulp-file-include за глаза :)

выглядят уже погибшими

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

Короче, с вашими требованиями - вообще любой.

Почему нет скроллинга, хотя oveflow есть?

Сергей Арсентьев, да, теперь и у меня нету.

Короче, блочные элементы растягиваются по высоте содержимого. Вы задали overflow, но никакого переполнения нет => скролла нет.
Зададите высоту или макс высоту => будет скролл.

Как по БЭМу задавать контейнер?

Тут достаточно хорошо об этом написано.

Почему нет скроллинга, хотя oveflow есть?

с виду есть

Может, уточните вопрос в каком браузере это происходит или что-нибудь ещё.

Как сделать такой инпут?

Если заменить img на label, а картинки вставить фоном и/или псевдоэлементом, то будет норм.

Как сделать последней строке флексбокса justify-content, отличный от остального флексбокса?

Илья Ломаев, почему вы не хотите использовать грид?

Как вывести ширину дочернего элемента в процентах?

Лина Литвак, вы не поняли о чем я.

Этот процент - это дано. Его вообще не нужно вычислять.

Вам прилетает загружено 63%.
Всё, их и используете.

Как работает этот скрипт?

Как работает эта программа

Находит все элементы с нужным классом, в первом из них изменяет контент на указанный. Добавляет один класс, убирает класс другой.

почему не работает?

У вас нет разметки, поэтому не ясно почему.
Хотя, судя по вопросу, вероятно, именно поэтому и не работает.

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

Не поняла, откуда в сумме 5 взялось. Достаточно 3.

<table>
  <tr>
    <td colspan="2">3</td>
    <td>2</td>
  </tr>
  <tr>
    <td>2</td>
    <td colspan="2">3</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Но если всё таки нужно 5, то аналогично.
Чтобы что-то объединять, оно должно быть. У вас нет.

Как вывести ширину дочернего элемента в процентах?

Что-то тут не то.
% загрузки откуда прилетает, так?
Зачем его снова получать через ширину?

p.s. кстати, есть тег progress.
Если он не подходит по какой-то темной причине, то для своего прогресса в большинстве случаев достаточно одного div и градиента либо псевдоэлемента для цвета.

Не появляется значок при наведении, проблема в пути к файлу. Что не так?

TtT RrR,

типа выйти в корень?

Только нужно понимать, что если вы открываете файл html из папки (ваш скрин на это намекает), то корнем окажется диск F. И картинка снова не покажется.