Skip to content
Submitted over 1 year ago

Results Summary Component using HTML and CSS

AJITH M•20
@alex-ajith
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

Could you please recommend some good resources for learning concepts like flex, grid, and media queries in-depth? I did find difficulties in writing flex, making it responsive.

Feel free comment my code and tell the areas of improvement, it will be useful for my learning.

Thank you! :)

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 1 year ago

    Hey, AJITH M! 👋

    Nice work on this challenge! 🙌 Your solution looks good and is responsive! 👍

    It's worth keeping in mind that it is considered a best practice to only have one h1 tag per page. After you've added a h1 to your page you should use less important heading tags for the rest of the headings. 🙂

    Also, I think you can use flexbox to lay out the items in the "Your result" container and add space between those items using gap (which is easier and more consistent than adding margin or padding to individual elements).

    web.dev has a great free course on responsive design if you're interested. The more you practice building responsive sites, the better you will become at it. 😉

    Hope you find these tips helpful. 😊

    Keep coding (and happy coding, too)! 😁

    0
    AJITH M•20
    @alex-ajithPosted over 1 year ago

    Hey @ApplePieGiraffe , thank you for your valuable points and resources, I'll keep that in mind, put into practice and improve myself.

    Thank you 😇

    1

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