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

Responsive Results Summary challenge with HTML and CSS

Kevin Ebenhezerโ€ข 430

@kevinebenhezer

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


Its kinda off the topic, but i think i completed the challenge almost similar to the original challenge design. But when it come to comparison to the design, my screenshot is not even near to its original design. Its kinda frustating me. Anyone know how to fix that? any feedback would help. Thanks

Community feedback

Olaniyi Ezekielโ€ข 7,600

@Ezekiel225

Posted

Hello there ๐Ÿ‘‹ @kevinebenhezer.

Good job on completing the challenge !

Your project looks really good!

I have suggestions about your code that might interest you.

Consider adding this to your code so as to centralize your project.

body {
  min-height: 100vh;
  align-items: center;
  justify-content: center;
}

I hope it helps!

Other than that, great job!

Happy coding.

Marked as helpful

0
Petrit Nurediniโ€ข 2,860

@petritnuredini

Posted

Great work! ๐Ÿ‘

Your code structure and the use of CSS variables are impressive. ๐ŸŒŸ I suggest integrating semantic HTML to enhance search engine optimization and accessibility ๐ŸŒ. The desktop layout is appealing, though a bit compact. To improve, focus on refining responsive CSS styles ๐Ÿ‘ฉโ€๐Ÿ’ป. Consider adjusting the media query breakpoint for a better display on modern devices like the latest iPhones or Android smartphones ๐Ÿ“ฑ.

Your project is visually pleasing yet there's room for enhancement. Keep up the excellent work and keep practicing! ๐Ÿ’ช

0

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