Adriano• 33,980
@AdrianoEscarabote
Posted
Hi Sarosh Farhan, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:
A good practice to center content is using grid or flex-box, avoid using margin or padding to make placements, use only in the latter case! we can do it like this:
Flex-box:
body {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min height: 100vh;
}
GRID
body {
display: grid;
min height: 100vh;
place-content: center;
}
The rest is great!
I hope it helps... 👍
Marked as helpful
1
Sarosh Farhan• 270
@saroshfarhan
Posted
@AdrianoEscarabote thank you so much, I was trying to do so but somehow with tailwind CSS it wasn't working so I added padding and margin but will keep this in mind next time, thank you for taking out time and reviewing my code, much appreciated!!
1
