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 product-component card with the help of flexbox

@sankalp414

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


Its my third solution in front end mentor . It will be great if you can give me a feedback on this project.

Community feedback

@loki1205

Posted

Good job. The solution is good. Focus more on making fonts bold where it needs to be bold and learn more about shadowing. Have a good day!

As you can see the shadow is overdone and these words are not bold.

ORDER SUMMARY ANNUAL PLAN CHANGE PROCEED TO PAYMENT CANCEL ORDER

You can change them by going to that section and adding "font-weight:bold"

Marked as helpful

0

@raghuaanand

Posted

Good job on finishing the challenge.

Just a small suggestion from my side. You could add text decoration as none in .change-option:hover. It basically removes the text underlined when the cursor hovers over it.

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