Adriano• 34,090
@AdrianoEscarabote
Posted
Hi Kacper, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
To align some content in the center of the screen, always prefer to use display: flex;
it will make the layout more responsive!
body {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
I noticed that the content is stretching too much in higher resolutions, to solve this we can use a max-width
, to define a maximum width in the content:
main {
max-width: 1440px;
}
The rest is great!
I hope it helps... 👍
Marked as helpful
0