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 Layout using Flexbox and Grid

@Levarick

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How could I optimize it?

Community feedback

@rngueco

Posted

Hi Ricardo!

This looks good!

You could make your HTML more semantic by using semantic elements. For example, it does not really make sense to have a heading of "10k+" since it does not denote a topic so it typically should not be wrapped in a heading element (<h2>). You could also put your stats in a list since it makes semantic sense to have them in a list 🙂

Good job on the layout! 👍

Happy coding! 🎉

Marked as helpful

0

@Levarick

Posted

@rngueco

Hi Riyana! Thank you!

You are right! I would use a <ul> to make a list and not using a h2. I've to be better at semantic (and maybe my english). Thanks a lot for the comment!

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