Design comparison
SolutionDesign
Solution retrospective
the checkbox part none yes, what is the best practice for responsive website?
Community feedback
- @danielmrz-devPosted 10 months ago
Hello @holybee009!
Your solution looks great!
I have one suggestion:
- Avoid using percentage or viewport width/height based values for
width
. This may result in bugs and depending on the size of the screen, part of your content can be cut off or even leak from the container.
Use
max-width
instead ofwidth
and px or rem for values. Your card will remain responsive, but it'll grow only until a certain limit.I hope it helps!
Marked as helpful0@holybee009Posted 10 months ago@danielmrz-dev thanks a lot for this
I noticed it too and I been looking for ways to solve it. This is very helpful
1 - Avoid using percentage or viewport width/height based values for
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