Submitted 9 months ago

QR Code using position: absolute

David S• 150

@davsanter1

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

QR code component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

To make look closer to the design provided

What challenges did you encounter, and how did you overcome them?

How to keep the footer on the bottom of the page

What specific areas of your project would you like help with?

Anything so far

Community feedback

Melvin Aguilar 🧑🏻‍💻• 61,220

@MelvinAguilar

Posted 9 months ago

Hello there 👋. Good job on completing the challenge !

I noticed in your code that you haven't set a height for the body element. Without a height, there is no reference point for centering. To achieve proper vertical centering regardless of the device, consider using min-height with a value of 100vh to cover the entire height of the screen.

I hope you find it useful! 😄

Happy coding!

Marked as helpful

Please log in to post a comment

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