Задача: Разобьём страницу на секции.
Найдите все элементы с классом flex-row. Замените имена тегов div на section. Названия классов оставьте прежними.
Замените теги для всех элементов, кроме одного: элемент с дополнительным классом flex-row_frameworks-inner пусть останется без изменений.
Обратите внимание, насколько более читаемым стал ваш код. С первого взгляда на любой блок ясно, для чего он предназначен, в чём смысл его контента, где здесь меню и где «подвал». Это называется «семантика», то есть смысловое, семантическое деление кода.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://code.s3.yandex.net/web-code/normalize.css">
<link rel="stylesheet" href="style.css">
<title>Портфолио</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="портфолио Стас Басов на Яндекс Практикуме">
<meta name="keywords" content="html, css, javascript">
<meta name="author" content="Стас Басов">
</head>
<body>
<header class="header">
<a href="#" class="header-link" lang="en">Stas Basov</a>
</header>
<nav class="menu">
<a href="#" class="menu-link">Первые шаги в HTML и CSS</a>
<a href="#" class="menu-link">Библиотеки JavaScript</a>
<a href="#" class="menu-link">Практика HTML, CSS и JavaScript</a>
</nav>
<main class="main">
<section class="flex-row">
<div class="project project_beginner project_music-album"></div>
<div class="project project_beginner project_design-principles"></div>
</section>
<section class="flex-row flex-row_reversed">
<div class="flex-column flex-column_reversed"></div>
<div class="project project_frameworks project_p5">
<video class="project-video" src="https://code.s3.yandex.net/web-code/like.mp4" autoplay muted loop></video>
</div>
</section>
<div class="flex-row flex-row_frameworks-inner">
<div class="project project_frameworks project_slider"></div>
<div class="project project_frameworks project_reactive"></div>
</div>
<div class="project project_frameworks project_procrastinate">
<video class="project-video" src="https://code.s3.yandex.net/web-code/procrastinate.mov" autoplay muted loop></video>
</div>
<section class="flex-row">
<div class="project project_vanilla project_how-to-study"></div>
<div class="project project_vanilla project_across-russia"></div>
<div class="project project_vanilla project_mesto"></div>
</section>
</main>
<footer class="footer">
<div class="logo"></div>
</footer>
</body>
</html>
