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 Summary Page

@akarinaa

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


How can I improve this project?

Community feedback

Santiago 140

@santiagosg

Posted

Hi Anna

I think you use too much the div for elements that don't need it, like in the plan (the image and the plan-change).

You are using a button to "proceed payment" and "cancel order", that's good and its ok, but remember to add a "cursor: pointer;"

Try to organize your documents, like all the images in the images folder, and maybe your style.css under a css folder too.

You are doing great, keep moving.

P.D. I liked your way to show the screenshot in GitHub

Marked as helpful

0

@akarinaa

Posted

@santiagosg thank you very much for your insight, Santiago! It's really helpful. I'm learning ways to make my code/project cleaner, so your advice is very appreciated.

I chose a mockup to showcase the design because I'm really like how the mobile version turned out, so I wanted to show it along with the desktop version. I might do this for my next projects as well.

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