@thaisavieira
Posted
Hello, @AshongAbdallah06! You made a great project.
It's possible to centralize the body content by adding the property height: 100vh
and you can remove other things like width, margin, and padding.
body{
background-color: hsl(217, 54%, 11%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
}
Also it's possible to add the active state by using the :hover
selector in h1.description
, span.author
, and image.equilibrium
@AshongAbdallah06
Posted
@thaisavieira Thanks for the comment. But using the height: 100vh
had some complications in the work and didn't fit well, maybe due to some background styles. As for the hovering effects, I just forgot to add them.