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 Using HTML e CSS Responsive

@alexSiqueiraLp

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


Any feedback is Welcome

Community feedback

Aakash Verma 6,710

@skyv26

Posted

Hi! Alex, your design is good but have some issues too. I am going to put light on issues and have some suggestions for betterment.

  1. Your button is looking little bit weird I mean border, in change text you had to use anchor tag instead of button you can also clearly see that there is subtle difference in your design and preview design.

Solution1

Add below lines to make to look like similar to design preview

    background: transparent;
    border: none;
    text-decoration: underline;

OR

Solution 2

instead of button use anchor tag for change text.

  1. On proceed button set border: none;, it will make your button looks good.

Overall Good Work but can be improve little bit and my above suggestions might be helpful to you.

Good Luck

Marked as helpful

0
Anosha Ahmed 9,300

@anoshaahmed

Posted

In the future, to avoid accessibility issues, wrap everything in your body in a <main> :) Happy coding!

Marked as helpful

0

@alexSiqueiraLp

Posted

Thank you very much for your feedback! I will apply this tip.

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