Skip to content
Submitted almost 2 years ago

Frontend Mentor | Order summary card using HTML and CSS

TPpseudo•60
@TPpseudo
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

Trying to become more comfortable with the building of responsive websites.

Overall feedback on streamlining / accessibility would be greatly appreciated.

Community feedback

  • Muhammadh•1,140
    @Mr-jawPosted almost 2 years ago

    Hello there 👋

    Congratulations on completing the challenge

    HTML 📰

    • avoid using <p> tag to display short texts(i.e <p>Annual Plan</p> and <p>$59.99/year</p>). Since the <p> tag is used to display descriptive text. Rather use <em>, <strong> or <small> tags. This will also improve accessibility.

    CSS 🌈

    • It is a good practice to use CSS custom properties. learn more about it here

    Also, you have done a great job on following relative units convention

    Overall the solution you submitted looks great🔥👍

    I hope this was useful 😊

    HAPPY CODING

    Marked as helpful
    0
    TPpseudo•60
    @TPpseudoPosted almost 2 years ago

    @Mr-jaw This is very useful feedback. Thank you.

    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