@hafizanadli
Posted
You can center your component with this:
.main-container {
min-height:100vh;
display:flex;
justify-content:center;
align-items;
background: hsl(0, 0%, 95%);
font-size: 0.9375rem;
font-family: 'Lexend Deca';
}
and try using semantic html instead of using only div tag.
the rest is good, responsive enough well, great job!
Marked as helpful
@Senay-Fekadu2
Posted
@hafizanadli thanks for the feedback the vertical alignment wasn't centered and it was bothering me . but if I use display: flex; on the container it will put the image and the white part side by side since I have two child divs in the container div