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

Custom Order Card using plain HTML5 and CSS3

Hansal N. 40

@hansalScripts

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


if you can rate the work from 1 to 10, what will you give it? why?

Community feedback

@Kareemah-codes

Posted

Hello, your work is pretty great. Maybe try to use google fonts to change it to the actual font used in the design. It should be in the style guide. The only point I have is to focus more on the design and try to replicate it. There are some things (just like the font) that aren't like the design instructed. For example, the size of the order summary text is nowhere close. If you look closely at it, the font weight of the 59.99 text is pretty light in contrast to yours which is a lot darker. I don't want to get nit-picky, so try to just focus more on these seemingly minute details cause they go all the way in making everything look cohesive. Hope I was a bit helpful! Side note: If I post any projects, could you please give me some pointers?, we rise by lifting others. Cheers!

Marked as helpful

1

Hansal N. 40

@hansalScripts

Posted

@Kareemah-codes thanks so much for your feedback it gives me a strong push to continue coding. and attention to details thanks again, and sure we will be beside together regards, and best coding for all

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