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

Responsive Order Summery Using HTML & CSS

@Gunawardhane

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


I really appreciate your feedback. <3

Community feedback

darryncodes 6,430

@darryncodes

Posted

Hi Yasanga,

Really great solution, well done!

I'd really encourage you to add the 'pattern-background-desktop' svg as background image on the <body> tag. And use background-size: 100% auto;. It's causing havoc on mobile and will help your design match the challenge.

It might be quite nice to explore the :hover pseudo class to style some of the interactive elements. Here's some info on how to do that for buttons

All the best!

Marked as helpful

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