Skip to content
Submitted almost 3 years ago

Desktop-first solution using SCSS and Flexbox

Tobias Sirianni Melo•20
@tsirianni
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

Hello, everyone! This was actually my first project really "on my own". Any feedback would be not only welcomed, but also appreciated.

Community feedback

  • Rogerio Bautz•180
    @rogeriobautzPosted almost 3 years ago

    Your card looks good with width on 320px, after that it gets confused. I took a look on your code and saw that your using a lot of vh and vw to make your site responsive. I think using px or rem with breakpoints is much easier. Example: your card is set to be 28vw after 375px, that is good in a desktop with +1024px width but in a mobile or a tablet it is deformed.

    Marked as helpful
    0
    Tobias Sirianni Melo•20
    @tsirianniPosted almost 3 years ago

    @rogeriobautz Thanks for your feedback Rogerio. I'm still trying to figure it out the best units to use, I'll look into your suggestions and try them. Thanks!

    1

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