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 card

@Eric-Ferole

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 would appreciate some feed back on how I could have optimise my CSS. Thank you :)

Community feedback

@martinelias1312

Posted

Hi @Eric-Ferole, i recommend using relative units like em, rem or % instead of absolute units (px). This will surely help with page responsiveness. Here is an article about units.

Hope this will help you for future challenges :)

0

@Eric-Ferole

Posted

@smradupan your are right. I read about rem. Seems pretty useful for responsiveness and accessibility. Thanks for you comment.

0

@IEdiong

Posted

Hello Eric 👋, your solution is almost 💯 pixel perfect. I did notice two things:

  • the cancel button is meant to have its text-decoration set to none

  • Also, you should look into the accessibility and HTML issues raised here.

I hope this was helpful, Shalom!

0

@Eric-Ferole

Posted

@IEdiong Thanks for you comment. You are right. I'll take care of those issues later today.

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