Adriano• 34,090
@AdrianoEscarabote
Posted
Hi Lucas Costa, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
To center your component does this:
body {
margin: 0;
padding: 0;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
min-height: 100vh;
}
Be careful with absolute positioning at higher resolutions, it ends up complicating a lot to make the responsiveness work properly, I'll make some changes for you to see a different result:
main {
/* height: 1800px; */
max-width: 375px;
/* position: absolute; */
/* top: 50%; */
/* left: 50%; */
/* transform: translate(-50%, -50%); */
}
section > p {
max-width: 320px;
}
section > h3 {
max-width: 320px;
}
do this along with the alignment of the content in the way I said!
The rest is great!
I hope it helps... 👍
Marked as helpful
0