Skip to content
Submitted about 2 years ago

Music Order Summary Card

Antonio Santiago•90
@Ablueremote
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

This was fun building, placing the elements is becoming smooth. Making the site mobile responsive from origin was difficult. Also the svg file had a max fixed size, I had trouble making it bigger and was forced to make the card match the dimensions. Is that normal?

Had fun making this!

Community feedback

  • Hyron•5,870
    @hyrongennikePosted about 2 years ago

    Hi @Ablueremote,

    Congrats on finishing the challenge

    It should have been simple and there shouldn't have been much difference between the desktop version and the mobile version. The reason you found it difficult making it responsive is because you use vw unit which scales according to the viewport that means for example40vw might be big on desktop but on a mobile device that is really small.

    Hope this is helpful

    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