@AdrianoEscarabote
Posted
Hi kannela, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:
I noticed that the card is not centered. To resolve this, we can do the following:
body {
min-height: 100vh;
justify-content: center;
align-items: center;
background-color: hsl(47, 88%, 63%);
display: flex;
}
and
.card {
text-align: center;
border: 1px solid black;
background-color: white;
border-radius: 1rem;
box-shadow: 10px 10px 0rem black;
border-color: black;
overflow: hidden;
height: 485px;
width: 350px;
/* margin-top: 7rem; */
/* margin-bottom: 7rem; */
padding: 20px;
}
The rest is fantastic.
Hopefully, you'll find it helpful. 👍
Marked as helpful