Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

QR code component with Flexbox

Kothe 90

@Kothe-1

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


How can i get the footer to the end of the page?

Community feedback

P
Fluffy Kas 7,735

@FluffyKas

Posted

Heyo,

Nice solution! Usually it's not the best idea to use position absolute to center something that could be done by flexbox or grid. This is going to help you with what you want to achieve with the footer:

body {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

If you get rid of the position absolute (and left, top positions), this is going work just fine. Everything else looks nice, well done!

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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