@mvrius4
Posted
Hi Tom,
After I take a look at your code, I can give you an advice to center things more easier, an this trick help you to fix the footer.
.center-screen {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
}
This code can be switched with
body {
display:grid;
place-items:center;
min-height: 100vh;
}
Also, you put the image last, but it will be more easy if you put the image first, and you use the row-reverse property of flexbox. But your method it's not wrong.
Congrats with this challenge and good luck!
Marked as helpful
@tttinh
Posted
Hi @MariusZMR69,
Thanks for your kind reply. I will modify the code following your instructions.
Wish you have a good day.
Best regards.