Design comparison
Solution retrospective
¿que te parece esta solución al desafio?
Community feedback
- @correlucasPosted over 2 years ago
👾Hello Marincillo, congratulations for your solution!
Your live site seems great, the hardest thing for this challenge you've done, position the two circles top / bottom.
There's only one quick fix I could add to the live site that's work the card responsivity. Note that your component doesn't responds when the screen scales. To improve it you should replace the container
width
withmax-width
.For the card stats you can add a media query to change the flow and set each stat in a different row to save lateral space. Code below:
@media (max-width: 360px) {.details { min-height: 88px; display: flex; justify-content: space-evenly; align-items: center; flex-direction: column; }}
Hope it helps, congratulations!
Marked as helpful0
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