Как удалить авто мета данные?

Вам куда-то сюда

Как переместить средний блок во flex вниз при адаптиве?

lekseykorolev, еще раз: это один заголовок и после него текст.
А уже внутри заголовка выстраивайте его как хотите (гридом удобно).
Да, дизайнер нарисовал тут штуку, которая не выдержит переполнения, но так бывает.
На десктопе флекс или грид и сдвиг параграфа.
На мобилках просто блоки.

Если хотите продолжать держать в коде фигню, то order в помощь.

Как переместить средний блок во flex вниз при адаптиве?

Блочные элементы сами встают в столбик.
Им для этого не нужны ни флекс ни грид.

А вот где вы там нашли 3 заголовка первого уровня, вот это вопрос.
SEOшники вам такого точно не простят )))
На самом деле он там один. А уже внутри можно span. И, наверное, гридом.

Почему размер шрифта в фотошопе и в CSS различается?

Proger5913, почему же она вам всем так нравится эта Куда... В инете её уже тысячи свёрстанных вариантов.
Выбирайте макеты в Фигме.

Как не показывать когда его нет?

RimmaKur, оно прям в браузере есть?

Почему svg картинки на iOS выглядят размыто?

psiklop, preserveAspectRatio="none"

Почему svg картинки на iOS выглядят размыто?

psiklop,

отредактировал preserveAspectRatio

Да именно так.

проще в png сохранить

Одна всегда четкая svg против по крайней мере двух png.

Но да, бывают ситуации, когда png может выиграть, даже в двойном комплекте. Типа размазанных фонов. Но не всегда.

Почему svg картинки на iOS выглядят размыто?

psiklop, вот сюда, пожалуйста: codepen.io
И саму svg.

Но предварительно и на всякий случай css.yoksel.ru/svg-sizes/#preserveAspectRatio

Почему svg картинки на iOS выглядят размыто?

psiklop, да, но не ответы пишут в комментариях

Почему svg картинки на iOS выглядят размыто?

psiklop, то, что вы написали, вряд ли можно считать ответом, да ещё и при таких пруфах.

Как не показывать когда его нет?

RimmaKur, если по вашей логике, то там ещё :has должен быть.
Но всё равно не прокатит, опять же из-за пустой строки, а это дело ненадежное.

Почему svg картинки на iOS выглядят размыто?

psiklop думаю, дело в чем-то другом... В забытых размерах или неверно написанных. Или в неправильной самой svg (вьюбокс, размеры).

Доброго времени суток, div class="projects__galery" и div class="projects__slide-show" как поменять местами данные блоки?

Отредактируйте вопрос так, чтобы было понятно как именно они должны стоять на макете. Заодно измените заголовок на что-то вменяемое типа "Как поменять блоки местами?" или "Как поменять местами блоки projects__galery и projects__slide-show?".
И объясните почему нельзя поменять разметку.

Пока вам в помощь display: contents

Как лучше реализовывать текст с иконкой?

Александр Васильев, зачем бы это тащить в разметку при наличии svg stack или кастомных или инлайном в css и масок.

Как резануть блок вот так?

- clip-path
- заливка градиентом
- псевдо в цвет фона
ещё что-нибудь

Как лучше реализовывать текст с иконкой?

img - это контентное изображение, а иконки это просто украшения и вставляются через css.
Если абсолютом, то span внутри не ясно зачем.
Он нужен при использовании флексов и гридов если в тексте есть ещё теги, span, b, br и т.д.

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

Влад, не используйте если стремно. Замените старым хаком с паддингами.

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

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

Если от содержимого и содержимое абсолютом, то высота задается либо с помощью 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 (гуглится).