QR Code Project using Visual Studio Code, Figma, and Chrome Dev Tools

Solution retrospective
I'm just happy to get started on this platform. I am proud of finally using Figma for something, I don't use designing or wireframe tools as much as I should so hopefully, I'll get some good practice here.
What challenges did you encounter, and how did you overcome them?It wasn't that challenging for me, I've been messing around with code, IDEs, and Git/GitHub for a while now so I'm used to the tools.
What specific areas of your project would you like help with?I use Chrome Dev Tools to try to design better webpages for RWD but sometimes the screen doesn't adjust for mobile phone screens, like it's lagging, and even when I refresh the page it still doesn't adjust the layout. Does anyone else run into this issue?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Alex-Archer-I
Hi!
Well, I can't be sure what exactly happened on your screen, but as I can see your card doesn't adjust to various screens cos you hardcoded
width
of thebody
tag. The initial width of this tag is equal to the screen size so it's better not to overwrite it.As for height of the body use
min-height: 100vh
. This way it'll take all screen's height and could stretch if the content will be larger.And another couple suggestions:
- It's better to use
rem
values for font sizes. It's a special values which depends of the browser font settings and provide better user experience and responsiveness. - Every page should contains
main
tag. - You can skip the
div
wrapper for the image and style it directly.
Hope it could helps =)
Congrats with your first challenge here, good luck =)
Marked as helpful - It's better to use
Join 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