Desktop design

Mobile design

Order summary component

<h5>You can now listen to millions of songs, audiobooks, and podcasts on anydevice anywhere you like!</h5>

<div class="text">
      <h1>Order Summary</h1>

      <h5>You can now listen to millions of songs, audiobooks, and podcasts on anydevice anywhere you like!</h5>
    </div>

<div id="container2"> 
      <img src="./icon-music.svg" alt="">

      <h5><span class="plan">Annual Plan</span> <br> <span class="dollar"> $59.99/year</span></h5>

      <a href="">Change</a> 
    </div>

<section class="payment-btn">
        <button type="button" class="btn">Proceed to Payment</button>
      </section>

<section class="order"> <h5><a href="">Cancel Order</a> </h5></section>

`center`> <img src=`./illustration-hero.svg` alt=`` style=`object-fit: cover;` width=`100%` height=`165px`></div>

Please log in to post a comment

Community feedback

Html & Css Only

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community