Как сделать валидацию очень сложной формы?

Дмитрий Кузнецов, у вопроса стоит тег javascript. Видимо, с валидацией на сервере проблем нет.
Но судя по коду, проблемы есть всюду.

Как использовать event вместе с modifiers внутри v-on по условию?

pointer-events: none; не хочу использовать, так как не дает использовать нужный cursor

А зачем вы хотите вводить пользователей в заблуждение несоответствующим курсором?

Не работает display flex?

Начните отсюда https://validator.w3.org/nu/
глядишь и заработает всё

Как можно такое сделать?

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

Можно ли подогнать высоту заголовков в карточках, в зависимости от числа строк?

https://caniuse.com/?search=subgrid Почти 92% на данный момент

Как оптимизировать картинки в webp с Robin Image Optimize?

Михаил Р., не у всякого спрашивающего хватает квалификации оценить ответ или воспользоваться им.
А раз пришлось задавать вопрос второй раз, то совсем беда. Тут и на фриланс отправить не грех.

Как оптимизировать картинки в webp с Robin Image Optimize?

Чем это отличается от вопроса Как правильно конвертировать картинки в Webp? в котором вы позиционировали себя как Ark111?

Как можно такое сделать?

Владимир, и ответ Максима тоже является решением :)

Как можно такое сделать?

Владимир, пора отмечать оба ответа решением.

Можно ли подогнать высоту заголовков в карточках, в зависимости от числа строк?

Subgrid
либо JS

Почему не правильно отображается сайт после загрузки на гитхаб pages?

ksenofontii,
Про пути к файлам https://htmlacademy.ru/blog/html/links

и где искать ошибку?

Открываете devtools (инструменты разработчика в браузере) правой кнопкой мыши или кнопками ctrl+shift+i, F12 и т.д. Сочетания могут быть разными в разных браузерах.
Переходите на вкладку Console.
Там будет ошибка с сообщением, что файл стилей не найден.
Теперь нужно обновить страницу. После этого будет показано, где браузер искал файл.
Вооружившись знаниями из статьи, нужно скорректировать путь, чтобы он вел к тому месту, где файл на самом деле есть.
Аналогично с картинками.

Скорее всего вы там навставляли пути к своему диску C или типа того. Логично, что из интернета неизвестно что у вас там на диске C.

Как можно такое сделать?

shsv382, реализацию покажете?

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

lenniqq,

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

В современном мире сетки удобнее всего верстаются флексами или гридами.
Флоаты используются только для того, для чего были предназначены изначально: обтекания одного элемента другими. Чаще всего это обтекание картинки текстом.
В вашем случае флоат там лишний. Об этом я написала и в первом комментарии.
Думаю, что и макет не подразумевает того, что текст футера должен быть слева от такой огромной картинки.

Итого: изучайте флексы и гриды.

p.s.
1. Ни Frame.png ни search.png не являются контентными изображениями. Им место в стилях. И В других местах аналогично.
Ну или в крайнем случае, нужно скрыть их от скринридеров.
2. Кучка лишних оберток, от которых можно легко избавиться. Например, span в меню, header_content, header_right (тут и с названием класса что-то нужно делать), main_content и т.д.
3. Теги бы лучше использовать в соответствии с семантикой, т.е. по смыслу.

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

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

Поэтому, надо взять минимальный код, необходимый для воспроизведения проблемы, поместить его в песочницу типа codepen.io и показать нам.
Есть шансы, что разберетесь, пока делаете.

Альтернативный вариант от хрустального шарика: сразу пойти читать про float.

Как можно такое сделать?

Владимир, какой шрифт в макете?

Как можно такое сделать?

Владимир,

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

да, под текст

тогда я не очень понял как это сделать гридом?

Может, откроете мой код в песочнице, да посмотрите? Там же всё так и сделано.

Как можно такое сделать?

Владимир,

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

Эммм... Решения ниже в блоке ответов.

Как можно такое сделать?

Владимир, ну предположим, вас двое и все получили одинаковые задания и оба не могут сделать )) Первые два признались в том, что он один ))

Как сделать border-radius для тэга figure?

Только переполнение перестанет работать.
Если текста станет больше, он просто заедет на другие блоки и сломает верстку.

Как можно такое сделать?

Обычный flex.
flex-wrap для переноса строк, когда не влезают.
flex-grow для растяжения пустых спанов.
Спан с текстом покрасить в черный.

Видео прибить вниз гридом или абсолютом.

Что там может не получаться с сеткой?