Design comparison
Solution retrospective
Another challenge done by this noob! I finished this one pretty quickly, but is it spot on? Please tell me how I can improve my code~ Thank you!
Community feedback
- @correlucasPosted over 2 years ago
Hello Charmonder, congratulations for your solution!
I'm with your page open right now and your website works as desktop, but there's a minor issue in the mobile version, when the page start to stretch, the first card create a big right margin and doesn't match the other card, not this issue at width: 680px in the devtools. This is due the width you've set to the
price-card
width: 45%
. You can delete the property width from .price-card and set an general max-width for the container to keep all the other content inside without worry about the width for each card.Keep it up and congrats for another challenge!
1@charmonderPosted over 2 years ago@correlucas Hi Lucas! Thanks again for the feedback. I initially tried using max-width for this challenge but it didn't look like what I wanted (I think, I've forgotten it now). But I'll give it a try again! Thank you :)
1
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