Hello, Koyun92! 👋
As you are familiar with flexbox there is no need to center horizontally and vertically your main element using position: absolute
. On your .main
element use these styles. Padding is to create some space from edges.
display: flex;
flex-direction: column;
padding: 24px;
And for your .main
with media queries add these styles:
flex-direction: row;
justify-content: center;
align-items: center;
height: 100vh;
Good luck with that, have fun coding! 💪
Marked as helpful