Design comparison
Solution retrospective
I don't get why the card doesn't resize as I make my window smaller - if you could help me with this it would be amazing. Thank you for your help!
Community feedback
- @olesiakissaPosted almost 3 years ago
Hi @d4lbit! At this point you have set your card width as max-width: 345px; so it's going to stay no more than that width at all screen sizes because the value is hardcoded in px. If you would like to make the card shrink on smaller screens, you should try writing a media query for the screen size of 375px for instance and set card's width like 90% of the screen (or whichever size you want it to be). Hope this helps :)
P.S. I would also suggest you to change your container to 'div' (you have written it as <container class=
container
>) because it causes an issue in HTML validations.0
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