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

Flexbox reponsive desing

Sebastian 770

@Sebastian-1406

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Cualquier comentario para contruir se le agrece ... : )

Community feedback

@MarlonPassos-git

Posted

Good job,

some suggestions

  • "Proceed to Payment" could be a <a> tag
  • It would decrease the font size a little
  • Increase the size of the card a little
  • change the repeat to background-repeat: repeat-x; because in this way the background breaks on big screens
  • Add a hover effect to "cancel" and "change"
  • Change your card padding to clamp(1.25rem, 0.8099rem + 1.8779vw, 2.5rem);, this would automatically change the value from 20 to 40px flexibly and without media query

Marked as helpful

1

Ferd 30

@FerdieM

Posted

@MarlonPassos-git Thank you for your feedback..

1

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