Design comparison
Solution retrospective
Faced problem during enabling of responsiveness to the project. Explanation and guidance regarding "Responsiveness tips and tricks" needed. Thanks!
Community feedback
- @ssafwannPosted over 2 years ago
Not bad, but there are some things you can work on. The main problem is how you positioned the QR code component, I see that you used the following CSS property transform: translate(800px,190px); You shouldn't do this because it placed the container in a weird position. Instead, if you want to center something in the middle of the screen use margin: 0 auto; and set a max-width; I don't know how to explain it that well so you may visit this URL for more information: http://web.simmons.edu/~grovesd/comm244/notes/week6/center. If you use this method of positioning the container in the center, you will find that you have to write fewer media queries, because the container will always be positioned in the center no matter the size of the device. But you may have some problems if you set a max-width too large, so you may need to change that in your media query.
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