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 Component using HTML and CSS

@ellenearteleg

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 know that this isn't the best solution to this challenge, and there are many different things I could've done better/code cleaner, with that in mind, I would love to hear you feedback and insights!

Community feedback

Travolgi 🍕 31,420

@denielden

Posted

Hi Ellenear, I took some time to look at your solution and you did a great job!

Also instead of using px try to use relative units of measurement -> read here

Overall you did well :)

Hope this help and happy coding!

Marked as helpful

0

@ellenearteleg

Posted

@denielden I am still yet to fully grasp ems and rems, but that's one thing I'm totally working on! Thank you!

1

@ellenearteleg

Posted

@denielden Hi again. I don't see a lot of people talk about it, but do you reckon rems are appropriate to use for paddings and margins as well?

1
Travolgi 🍕 31,420

@denielden

Posted

@ellenearteleg You are welcome! Yes are appropriate

Marked as helpful

0

@caio-alcantara

Posted

I'd say you just need to add some padding-rigth to the "annual plan", and some padding-bottom to the 'cancel order' button

Marked as helpful

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