Design comparison
SolutionDesign
Community feedback
- @correlucasPosted over 2 years ago
πΎHello saskue7, congratulations for your new solution!
Your component is perfect, but its not responsive yet. To fix this behavior all you need to do is replace the
width
withmax-width
. Note that the difference between these two properties is thatwidth
is fixed, example,width: 100px
is an element that doesnt get bigger or smaller than100px`` but
max-width: 100pxhave the maximum of
100px` and can contract when the screen scales down.π 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