@correlucas
Posted
๐พHello, congratulations for your solution!
I saw your solution and everything is really good and its also responsive, you've missed only one property to add in the body in order to align the container to the screen center, note that the container will align to the parent element, thats the body in this case, so you need to give its height to align, giving min-heigh: 100vh
you make sure that the container aligns to the center height.
See the code below:
body {
min-height: 100vh;
}
Hope it helps and happy coding!
@Kvngfax
Posted
@correlucas is the 100vh an example or it's a must
@AdarshRai0
Posted
@Kvngfax it's must!
@correlucas
Posted
@Kvngfax a must because this will make the body display 100% of the viewport height, but this I'm saying if you're aligning using flexbox, there's people that align using position: relative
and margin: 0 auto
but I dont like these methods.