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

Results Summary Component using HTML and CSS

AJITH Mβ€’ 20

@alex-ajith

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

P
ApplePieGiraffeβ€’ 30,545

@ApplePieGiraffe

Posted

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-ajith

Posted

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
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