Design comparison
SolutionDesign
Solution retrospective
.
Community feedback
- @correlucasPosted about 2 years ago
๐พHello @Andrusik1, Congratulations on completing this challenge!
I've just opened your live site and I can say that you did a great job putting everything together! There are some tips to improve your solution:
Your solution its already good, something you can do to improve the card responsiveness is create a media query for the
stats section
and make each stat number stay in a different row aftermax-width: 350px
using a media query, here's the code for that:@media (max-width: 350px) { .ProfileCard__Bottom { height: 25%; width: 100%; display: flex; background-color: white; border-radius: 0px 0px 20px 20px; flex-direction: column; } }
โ๏ธ I hope this helps you and happy coding!
1
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