Profile Card Component

👾Hello again Nien, congratulations for your new solution!

🎉 Nice solution and nice code! I can see that you paid a lot of attention to your code/design. If you don’t mind I’ve some tips for you:

1.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) {

.py-6 {
    display: flex;
    gap: 20px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    flex-direction: column;
}

2.Don't forget to use the alt text to allow screen readers to recognize that img. Adding alternative text to photos is first and foremost a principle of web accessibility. Visually impaired users using screen readers will be read an alt attribute to better understand an on-page image.

✌️ I hope this helps you and happy coding!