@kamkwamba-k
Posted
Great job on the social links profile card project! The overall design looks good, and you've done a commendable job with the hover effects and responsive layout.
To align the card at the center as the design specification you could also wrap the whole card in a div, give it a class of container and style it as follows:
.container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
}
That way you'll center the whole card
Marked as helpful
@tunaerten
Posted
@kingsley2o18 Thank you for the tip. Yes, instead of giving flex to the body, I could have placed it inside a container and given flex to the container. Honestly, I do it that way in some cases. Do you think there is any drawback to giving flex to the body?
@kamkwamba-k
Posted
@tunaerten I think because the body contains a lot of child elements it can be very tricky to follow up. but it depends on the kind of layout you are implementing.
Marked as helpful