Skip to content
Submitted about 1 year ago

Results Summary Page with HTML and CSS

AdjeteySowah•20
@SowahCodes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Thanks for including codes for the svg icons but I wish I had more insight on how to generate or include them myself. Can you please help me with that?

Community feedback

  • Rebecca Padgett•1,860
    @bccpadgePosted about 1 year ago

    Hello @SowahCodes. Congratulations on completing this challenge 🎉!!!

    I have a few tips to improve your solution.

    • I see you used SVG icons inline and make sure use role="img" because they decorative images and screen readers will ignore them.

    More info📚:

    Inline SVG

    HTML 📃:

    • Use footer tag to wrap your attribution or delete HTML markup
    • Every website should have heading tag like a h1
    <body>
  <main></main>
  <footer class="attribution"></footer>
</body>

    CSS 🎨:

    Here is my solution to this challenge Results summary component using HTML and SCSS

    Hope this helps you and don't hesitate to reach out to me if you have any questions

    Marked as helpful
    0
    AdjeteySowah•20
    @SowahCodesPosted about 1 year ago

    @bccpadge wow thanks a lot.

    0
  • medo458•80
    @medo458Posted about 1 year ago

    Hey. how are you doing ? So. there are a lot of good sources to learn that quickly like w3schools i learned from them + there is little number who still use svg or canvas they use online editors then they drag it in their code. i hope that helps

    Marked as helpful
    0
    AdjeteySowah•20
    @SowahCodesPosted about 1 year ago

    @medo458 Thanks a lot

    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