Simple responsive card using media quer

Please log in to post a comment
Log in with GitHubCommunity feedback
- @grace-snow
Hi
Try to improve the html on this
- use landmark elements like main
- use a heading element
- use img srcset or the picture element for the image
- use an unordered list with 3 items for the stats
- remove brs, use a span set to display block wrapping the word or number, no need for brs
This will set you a good foundation
It's good practice to use a css reset at the start of css every time. That would do things like change images to display block instead of inline block. That will fix the slight gap I see under the image on mobile.
Good luck
Join 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