@correlucas
Posted
👾Hello ABDULLAH, Congratulations on completing this challenge!
I saw your solution preview site and I think it's already really good. Here’s some tips for you to improve it:
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 after max-width: 350px
using a media query, here's the code for that:
@media (max-width: 350px) {
main > section section:last-child .Card__bottom__stats {
padding: 1.5em 0;
display: flex;
justify-content: space-evenly;
align-items: center;
flex-direction: column;
}
}
Here's my solution for this challenge if you wants to see how I build it: https://www.frontendmentor.io/solutions/stats-preview-card-vanilla-css-custom-design-text-animation-RfGBFlMpwK
✌️ I hope this helps you and happy coding!