Juveria Dalvi• 1,375
@Juveria-Dalvi
Posted
Use semantic tags like main and footer for better accessibility
<body>
<main>
<div class="summary-card">
<div class="summary-card_hero"></div>
<div class="summary-card_main">
<h1>Order Summary</h1>
<p>You can now listen to millions of songs, audiobooks, and podcasts on any
device anywhere you like!</p>
<div class="summary-card_plan-info">
<img src="images/icon-music.svg" alt="music key icon">
<div class="plan-info_description">
<h2>Annual Plan</h2>
<span>$59.99/year</span>
</div>
<a href="#" class="change-link">Change</a>
</div>
<button class="proceed-btn">Proceed to Payment</button>
<a href="#" class="cancel-btn">Cancel Order</a>
</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/khasTema" target="_blank">Artyom Khasin</a>.
</div>
</footer>
</body>
Marked as helpful
0
