Juveria Dalvi• 1,375
@Juveria-Dalvi
Posted
hey.. the accessibility issue says that you should have wrapped all divs in <main> which is the semantic tag ,except for the div with class attribution that should be wrapper in <footer> tag and page should contain h1 tag also you should write all the divs in body in this way:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css.css">
<link rel="stylesheet" href="flex.css">
<link rel="icon" href="./images/favicon-32x32.png">
</head>
<body>
<main>
<div class="main-container">
<div class="heading-image">
<img src="./images/illustration-hero.svg" alt="illustration-hero">
</div>
<div class="second-container">
<div class="heading-title">
<h1>Order Summary</h1>
</div>
<div class="content">
<p>You can now listen to millions of songs, audiobooks and podcast on any device anywhere you like!</p>
</div>
<div class="price-container">
<div class="plan-container">
<img src="./images/icon-music.svg" alt="music">
<div class="card-plan">
<h3 class="title-plan">Anuual Plan</h3>
<p class="price">$59.99/year</p>
</div>
</div>
<a class="change-link" href="#">Change</a>
</div>
<button class="button pay">Proceed to Payment</button>
<button class="button cancel">Cancel Order</button>
</div>
</div>
</main>
<footer>
<div class="attribution">
Challenge by
<a href="https://www.frontendmentor.io?ref=challenge" target="_blank"
>Frontend Mentor</a
>. Coded by <a href="https://github.com/ara6i" target="_blank">Arash</a>.
</div>
</footer>
</body>
</html>
0
ara6i• 15
@ara6i
Posted
@juuveria oh.. thank yoooouuuu soo much i will correct it
1