Responsive QR code designed using CSS

Solution retrospective
- This project was simple and easy to implement
- I am unsure of other ways this can be done or made more responsive
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MelvinAguilar
Hello there 👋. Good job on completing the challenge !
-
Responsive design aims to ensure that a solution adapts well to various devices. To enhance responsiveness, consider centering your solution using grid or flexbox. The use of a defined padding (
padding-top: 15%;
) may result in misalignment on different devices, particularly causing the component to appear too low on mobile devices (landscape orientation).For Flexbox:
body { padding-top: 15%; min-height: 100vh; display: flex; justify-content: center; align-items: center; /* Additional styles if needed */ }
I hope you find it useful! 😄
Happy coding!
Marked as helpful -
- P@danielmrz-dev
Hello @Sid-sentil!
Your project looks great!
This project doesn't need to be responsive because the it doesn't change anything from mobile to desktop version.
You did a great job!
Marked as helpful
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