Design comparison
Solution retrospective
All Feedbacks are Welcome:D_
Community feedback
- @correlucasPosted over 2 years ago
๐พHello John, congratulations for your solution!
I saw your solution live site and I've not considerations about the solution itself, you've done all the challenge requirements, it's a really responsive component and you've also done a good work with the media query.
I have one suggestion for you, note that you component card when the screen mobile reaches
width: 260px;
the price content start to pop out the container, if you want to make it super flexible and give an additional touch, give it onemedia query
more and make the line break and the text center to save space inside the container.See the additional media query example below:
@media only screen and (max-width: 640px) .container { text-align: center; } .prices { display: flex; text-align: center; flex-direction: column; }
Hope it helps you, 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