Juveria Dalvi• 1,375
@JuveriaD
Posted
use semantic tags like main, footer
<body>
<main>
<div class="card">
<div class="illustration"><img src="./images/illustration-hero.svg" alt="illustration"></div>
<div class="text">
<h1>Order Summary</h1>
<p>You can now listen to millions of songs, audiobooks, and podcasts on any
device anywhere you like!</p>
</div>
<div class="order_summary">
<div class="icon_music"><img src="./images/icon-music.svg" alt="icon-music"></div>
<div class="plan_price">
<h2>Annual Plan</h2>
<p>$59.99/year </p>
</div>
<p class= "change_option"><a href="#">Change</a></p>
</div>
<p class="payment_button"> <a href="#">Proceed to Payment</a></p>
<p class="cancel_button"><a href="#"> Cancel Order</a></p>
</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="#">Tristan Berger</a>.
</div>
</footer>
</body>```
Marked as helpful
0
Tristan• 80
@TristanBerger6
Posted
@JuveriaD Thanks !
0