Skip to content
Submitted about 1 year ago

Order summary component DAY 4 with HTML & CSS

ICode88•260
@ICode88
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

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•400
    @md-abid-hussainPosted about 1 year ago

    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•260
    @ICode88Posted about 1 year ago

    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

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