Нужно ли grid-area: "название"; ставить для каждой картинки к примеру и к каждой картинке соответственно добавлять отдельный склас?

Или же я не так делаю?

Ага.
Кроме именованных областей у гридов есть и неименованные.
Посмотрите в справочнике или пройдите игру про гридам https://cssgridgarden.com/#ru

Откуда дополнительная высота у блока?

Скрины отличная штука.
Но код нужно выкладывать в песочницу типа jsfiddle.net
Главное, пока делаете песочницу, очень вероятно, найдете в чем проблема.
А не найдете сами, то мы найдем.

Как отключить скролл на странице при открытом модальном окне?

topuserman, ограничьте высоту формы (или ее обертки), чтобы у нее был собственный скролл.

Почему ВК выдает другую картинку по ссылке на сайт?

Testfinance, Тогда почитайте про Open Graph в общем и про og:image в частности.

Почему ВК выдает другую картинку по ссылке на сайт?

Как вы указываете ту, которая нужна?

Можно ли нарисовать такую линию с помощью CSS?

Можно SVG как фон или как border-image
Можно извратиться и нарисовать точечку радиальным градиентом и размножить

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

Roman Polezhaev, почитайте про flex-grow и flex-shrink.
Или про minmax() для grid.

Сейчас вы делаете так: https://jsfiddle.net/fsvxLjno/
Если места не хватает, то блоки ужимаются.
Если им задать flex-shrink 0, то они перестанут это делать и начнут вываливаться из блока, если им не хватит места.

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

Roman Polezhaev, вы задали поиску фиксированную ширину 520px, почему он должен сжиматься?

Кнопки лучше делать тегом button, а не input, стилизовать будет проще.

Почему не подключаются шрифты?

N_Elena, https://validator.w3.org/nu/#textarea

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

Ваши простынки кода вот сюююююда или сюда

С фоном да, верно, делаете обертку шириной на всю ширину окна.

Как указать префикс шрифтов для IE 11?

Условные комментарии работают до ИЕ9 включительно.

Рич Пиана указывайте сначала шрифт, а потом семейство.

Как сделать Расположение элемента всегда в том же месте?

Почитать про абсолютное позиционирование и как и от чего рассчитываются координаты.

А серьезно: открыть любой визуальный редактор и посмотреть как там всё устроено.

Можно такую кнопку сделать без js? Как?

strelok011, ну в теории, да. Можно хранить в data следующее число..
мда..

:)

Можно такую кнопку сделать без js? Как?

strelok011,

А еще можно и цифры заменять, для чекнутого и анчекнутого элемента...

Без js? Эммм..

Но зачем? :)

без понятия, если это мне вопрос.

HTML5. Правильная семантическая структура для страницы?

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

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

Как лучше всего сделать такой текст с цифрами в правом углу?

vada, потому же почему не стоит использовать fieldset и legend для реализации так любимого дизайнерами приема. Потому что сайты люди не только смотрят, но и слушают. А роботы те вообще, видят только код и понимают его соответствующим образом.

Почему у фото плохое качество на сайте?

У вас картинка шириной 299 растянута на 329.
Разберитесь с размерами и srcset и sizes.

p.s. нашла это font-family: 'object-fit: cover;'; в вашем коде. Это дичь.

Как можно установить несколько фонов?

Jungles, фоны паттернами как обои были креативными в начале века. Не обижайтесь.
Поэтому совет посмотреть актуальные макеты остается в силе и для выполнения задания.

Как можно установить несколько фонов?

Jungles,

Может безшовный фон?

Если это повторяющийся паттерн, то конечно.

но если у меня длинная страница, картинки такого размера даже не найти

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

При больших размерах экрана background-image картинка начинает обрезаться (уменьшаться по Y)?

i_m,

при значении cover заполняется все пространство

И часть картинки при этом обрезается.
А автор так не хочет.