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 css and HTML

kirty 380

@kirtymeena

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


Hello, I am learning CSS, It would be great if you can give feedback. Your feedback will help me improve and learn CSS.

Community feedback

@AlazarG19

Posted

nice work but first try giving the page some fonts the fonts are in the style text file second try making the main component bigger if u like give it a scale third give the annual plan text a certain width so that it wont change into two lines try adjusting the shadow on the proceed button just make the shadow at the bottom your bg is perfect so keep at it to make your life easier use the perfectpixel extension and using the design to make your work easier you dont know how much i love it

Marked as helpful

0

kirty 380

@kirtymeena

Posted

@AlazarG19 Hey, thanks for your feedback. I'll fix the button shadow and fonts, and thanks for recommending the extension it is helpful.

0

@AlazarG19

Posted

@kirtymeena the time i found that out it was very helpful

0

@besttlookk

Posted

hi, Nice work, There is some issue with the background: it gets crop for big screen . Try <code>background-size:cover </code>

Other than that its great

Good Luck. #happycoding

1

kirty 380

@kirtymeena

Posted

@besttlookk thanks

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