Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Desafio Order Summary - Frontend Mentor

Mauricio 50

@mau-rocha

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Anna 130

@Anq92

Posted

Hello,

Nice work with the challenge!

I have few tips:

  • use headings <h> in your html, it's important for SEO
  • it's good to use rem units also for fonts, margins, etc., because some people might have different setup for font sizes in their browsers and in such case the proportion of some elements will be different, which might not look very good
  • it would be better if you used also relative width for main container, because it doesn't look good on smaller screens when the element's borders hit the edge of the screen
  • check your solution on screens with smaller height to width ratio, because on some there might be an overflow and "cancel order" goes outside the main container area

You can check my solution of this challenge here

Good luck with the next challenges!

0

Mauricio 50

@mau-rocha

Posted

@Anq92 Hello,

Thank you for the feedback! I will put into practice all the comments given.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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