@imadvv
Posted
Greeting Jesse Adjomo!! Congratulations for completing your challenge!, 👏👏👏.
I think it's mush easy to use either flex or grid to center every thing perfectly on the center, positions a letter bit tricky to get right.
using grid for example you can do something like this:
body {
display: grid;
place-content: center;
min-height: 100vh;
}
.rectangle {
/* margin-top: 180px; */
}
you start by giving min-height: 100vh;
to the body, to fill screen size, and applying gird proprieties to it, or you can use flex, either one of them will give you similar result.
and just remove that margin-top: 180px;
from rectangle.
overall, Hope this give you some hints, Happy codding, and have a good day/night
Marked as helpful
@Bahbah89
Posted
@imadbg01 Thanks for the feedback. I've taken note of the grid / flex technique and will use it in the next future challenge :).