Design comparison
SolutionDesign
Solution retrospective
I have a few questions about this solution:
- One thing I just couldn't get to work is the positioning of the stats at the bottom. If you compare my result to the image closely, you can see that in my solution, "803K" is slightly off to the right. In the original, that number is perfectly centered, but when using
justify-content: space-evenly
, it doesn't, because the spacing is not evenly between the numbers, but between whatever is the widest (for example, "followers" is wider and thus decides the bounding box). Of course this is negligible, but I find it a fun challenge trying to get these stats spaced evenly between the numbers while still keeping the values and category labels grouped. How could I manage this? - Are there things I can improve when it comes to semantic HTML/best practices?
- I want to get more into accessibility as well, so what are things I can do to improve the accessibility of this project?
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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