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 DAY 4 with HTML & CSS

ICode88 280

@ICode88

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'm not sure if I've done it as the user intended
  • If you have suggestions, you can give me input to make it even better

Community feedback

@md-abid-hussain

Posted

Congratulations for completing the challenge

Your implementation is almost similar to suggested design, however it is missing shadows.

Apart from this I can suggest you writing more semantic html tags i.e tags that define the meaning of the content they contain. Example <main>, <section>, <header>.....

[Why semantic HTML]https://www.thoughtco.com/why-use-semantic-html-3468271)

Also

  • You can center item using grid.
  • Add a max width to image so that it fit into the available space

Marked as helpful

0

ICode88 280

@ICode88

Posted

Thank you for the advice, I will study it and try to implement it in other projects@md-abid-hussain

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