@Mitko90
Posted
Hi there, nice solution.
Maybe if you looked again at your container
.container {
max-width: 85%;
background-color: var(--Yellow);
margin: 200px auto 0;
align-content: center;
height: 800px;
}
You don't need the max-width there to be percentage , also get rid of the align-content
because it is used for grid containers so it does nothing here. I would also get rid of the height
since the card inside will have its own height. The yellow background I would put on the body
tag so the whole page will be yellow. Also on the body you can throw
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
This will center your card on the page
Hope I was helpful
Marked as helpful