Submitted about 2 years ago
3-column preview card component challenge usign HTML and CSS
@alanacapcreates
Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
๐พHello again Alana, congratulations for your new solution!
Your solution is amazing, there's only one thing you could change that setting the
media query
a little bit later to have your component contracting a bit thehorizontally version
or give themobile version
max-width: 100%
instead ofmax-width: 375px
and make it grow laterally and fill the screen. I did some modifications to your code and added amargin-inline: 24px
to make a little gap betwen the container and the screen edge.Here's the code fixes:
.card { max-width: 100%; margin-inline: 24px; }
๐ I hope this helps you and happy coding!
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