Как задать высоту адаптивной секции?

Влад, вы тут сами себе противоречите. Он зависит либо от ширины вьюпорта либо от содержимого.

Если от содержимого и содержимое абсолютом, то высота задается либо с помощью aspect-ratio, если сохраняются пропорции (впрочем тогда и vw пойдут или vw с calc) либо с помощью js.

Как правильно использовать шрифты?

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

Если жирность или наклон, то все вариации подключаются с одним названием. И в классах нужно будет менять только жирность и стиль.

@font-face {
        font-family: "OpenSans";
        src: url("fonts/opensans.woff2") format("woff2"),
        url("fonts/opensans.woff") format("woff");
        font-weight: normal;
        font-style: normal;
        font-display: swap;
        }

        @font-face {
        font-family: "OpenSans";
        src: url("fonts/opensansbold.woff2") format("woff2"),
        url("fonts/opensansbold.woff") format("woff");
        font-weight: 700;
        font-style: normal;
        font-display: swap;
        }

Как в грид -контейнере сделать выравнивание по центру?

frontAng, нет, конечно, не будет. Потому что justify-content это свойство контейнера, а не элемента.

Последний элемент должен встать в средний столбец. Например, с помощью grid-column. Либо занять всю строку и justify-self. При ширине в 1fr первый вариант, конечно, удобнее.

Пройдите игру по гридам grid garden (гуглится).

Как в грид -контейнере сделать выравнивание по центру?

frontAng, ответ выше: nth-child в сочетании c last-child или nth-last-child (это намек на то, что в последней строке может быть два элемента).

Как в грид -контейнере сделать выравнивание по центру?

Видимо, тут нужно догадаться, что речь про последний элемент?
Тогда вам сюда Логическая стилизация на основе числа элементов

Если нет, то конкретизируйте.

Почему в svg размер use 0x0?

malayamarisha, какой ещё object, 2023 год на дворе.

Внутри спрайта заменяете symbol на svg.
https://www.npmjs.com/package/gulp-stacksvg

Как мне избавиться от необходимости постоянно вводить пароль для SSH-ключа в VSCode?

Валентин, костыль это запаролить ssh, а потом спрашивать как его не вводить. Это действительно костыль.
А так, пароль просто не задают и потом не вводят.

Почему в svg размер use 0x0?

Подскажите, что делаю не так?

Вероятно, забыли намекнуть браузеру, а какого размера она должна быть.

И пока не поздно, переходите с символьных спрайтов на стеки из svg. И вставляйте их в css (ну или куда угодно, без ограничений символьных). Жизнь покажется ярче.

Как зафиксировать высоту контейнеров при использования flex?

bad_shape_guy, https://jsfiddle.net/Ankhena/n067dbg9/

Как зафиксировать высоту контейнеров при использования flex?

bad_shape_guy, ну так они и не уменьшаются, пока позволяет контент в среднем блоке.
Юрий Матрос,

попробуй через min-height

Достаточно flex-shrink поставить в 0, раз уж автор всё равно использует это свойство.

Вообще такие сетки проще делать гридами и оберток меньше.

Как зафиксировать высоту контейнеров при использования flex?

вроде задал им высоту жестко, но стоит начать уменьшать высоту страницы, как они начали сжиматься

Ну да, жестко. Одному 80px, другому 100%. И как они могут не сжиматься?

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

Хоть бы на псевдо заменили, а не пустые блоки показывали

Есть ли сайт/утилита для проверки сайта на устройствах Iphone?

https://www.browserstack.com/

Как изменить баннер сайта?

Гуглить open graph

Как задать высоту адаптивной секции?

чтобы эта родительская секция имела динамическую высоту в зависимости от ширины экрана?

Да, зависимость от ширины экрана это vw.

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

Как сделать чтобы было как на скрине?

Обертка флексом.
Внутри левый блок и правый блок.

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

Так и сверстать.

Секция, в ней заголовок, текст и ссылка.
И фон в формате SVG.

И не морочить никому голову, а главное себе.

Почтовый клиент, как синхронизировать прочитанные и непрочитанные письма?

Подключаться по IMAP

Как учесть переполнение контента?

Ну что тут можно делать...

Спросить дизайнера, как он это видит.

Разрешить svg менять пропорции preserveAspectRatio="none"
Убрать к черту псевдо (ну просто потому что бесит и не ясно зачем он там).
Считать на js пропорции в зависимости от размера блока и ставить в отступы (точнее в координаты p).
Причем, мне кажется, абзацу как раз потребуется абсолют, чтобы не получить круговую зависимость.

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

Как скомпоновать div в прямоугольник?

Гуглите grid dence