<!DOCTYPE html>
<html>
<head>
<title favicon: >Mining Empire</title>
<link rel="shortcut icon" type="image/x-icon" href="./images/favicon.ico">
<link rel="stylesheet" type="text/css" href="./styles.css">
</head>
<body>
<header>
<div class="container">
<nav>
<div class="logo-container">
<a href="#" src="./images/logo.png">
<img src="./images/logo.png">
</a>
</div>
<div class="menu-block">
<ul class="main-menu">
<li class="nav-item">
<a class="nav-item-link" href="#about">About app</a>
</li>
<li class="nav-item">
<a class="nav-item-link" href="#learn">Learn with us</a>
</li>
</ul>
</div>
<div class="header-btn">
<a class="download-btn" href="#download">Download for free</a>
</div>
</nav>
</div>
</header>
<main>
<section class="banner-section" id="about">
<div class="container">
<div class="row">
<div class="column">
<div class="banner">
<img src="./images/banner.png">
</div>
</div>
<div class="column column-offset">
<div class="content">
<div class="app-buttons">
<a href="https://apps.apple.com/us/app/coderslang-learn-programming/id1489105103" target="_blank" id="link">
<img src="./images/appstore.svg" class="platform small">
</a>
<a href="https://play.google.com/store/apps/details?id=com.coderslang.com&hl=en&gl=US" target="_blank" id="link">
<img src="./images/googleplay.png" class="platform small">
</a>
<h1 id="h1content">Start mining with us today!</h1>
<p id="krol">Earn gold, get rich, upgrade your level, collect achievements!</p>
</div>
</div>
</div>
</div>
</section>
Отрезок условия задачи по этой проблеме:
Также добавим эти же кнопки в первую секцию.
Скопируй div.app-buttons со всеми дочерними элементами и добавь в section.banner-section .content.
У меня в коде div.app-buttons уже находится в div.content первой section.banner-section. Даже пробовал вставлять div-buttons в div.container и другие блоки, но не пропускает. Куда нужно вставить div.app-buttons?
Сама ошибка из-за которой не пропускает:
1. Элемент div.app-buttons должен быть третьим дочерним элементом section.banner-section .content