Design comparison
Solution retrospective
HI, I need some feedback on the responsiveness of my code. Any feedback or suggestions would be highly appreciated. Thanks for your kindness
Community feedback
- @correlucasPosted over 2 years ago
πΎHello To Dat, congratulations for your new solution!
I saw your preview site, the design is perfect, you've some issues with the container size and its responsiveness.
To deal with that you need to replace all
width
withmax-width
. Note that sometimes you've usedwidth: 100%
this means that the container will have the width 100% and will not change, the difference between these two properties is thatmax-width: 100%
means that the container have 100% but can be smaller andwidth
is fixed and dont change..card { max-width: 20rem; }
Youve to fix that for the container, the button, the pricing section and all the others with
fixed width
.So to fix the responsiveness you've to replace the width.
π I hope this helps you and happy coding!
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