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

Order Summary Card with CSS Flexbox :0

@starman1999

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'm still not sure about the HTML tags I used, I want to always choose the right tags from the beginning so I can used to the process.

  • I learned that I should have a main tag and an h1 from the last challenge.
  • for the remaining parts I grouped them with section
  • I left the alt attribute empty because I read that sometimes it's better to leave it empty when it has no significant meaning. what do you think? any help would be really appreciated, thanks.

EDIT: based on a feedback on this challenge:

  1. don't use labels, they are for forms only.
  2. use anchors instead of buttons if the purpose is to navigate to a new page, buttons are better for things like submitting information.

Community feedback

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