Skip to content
Submitted over 2 years ago

Order Summary Component

Michelle Wangari•50
@Michelle-Wanderi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Still finding issues with the spacing between the $59.99 and the change anchor tag. Feedback will be highly appreciated.

Community feedback

  • Account deleted

    Hi Michelle 👋 Congrats on finishing the challenge!

    I just finished it myself and this is how it worked for me:

    <div>
       <div>
             <img src="./images/icon-music.svg" alt="" />
             <div>
                 <span>Annual Plan</span>
                 <span>$59.99/year</span>
             </div>
        </div>
        <a href="#">Change</a>
</div>

    Try this HTML structure and then use flexbox to to align it and it should work.

    I hope it helps, keep up the good work!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord