qr-code project using HTML5 and CSS3(SCSS)
Design comparison
Solution retrospective
Hello! Just completed this challenge. I found the responsiveness on various screens quite challenging. Any tip on best practice?
Community feedback
- @elaineleungPosted over 2 years ago
Hi Abodunde, good job completing your second challenge! About your question, I'd say that you can try to use responsive size properties such as
max-width
andmin-width
whenever possible instead of fixed ones. For example, instead of the fixed width of 375px on your.cardImage
, trymax-width: 500px
instead. Also, try to rely on the parent container to determine the width instead of setting a width, like what you did in yourimg
. I would remove the width you set there and just make sure the width is 100% if you don't already have that in a reset rule. Hope this helps!Marked as helpful0@OhTobilobaPosted over 2 years agoThanks so much @elaineleung... It works just fine....would be uploading it soon
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