@AkoToSiJeromeEh
Posted
Hey ! Great work out there i just notice that the social links component does not vertically align on center , you are correct by applying display : flex on the body and its related properties but the thing why the justify-content does not work because there are no height applied on body , so by applying height on the body you can achieve properly align the component in center. that's all happy coding !!
body {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: calc(100vh-1px); // remove this
background-color: hsl(0, 0%, 8%);
color: hsl(0, 0%, 100%);
margin: 3rem;
min-height: 100vh; // add this
}
Marked as helpful