@hitmorecode
Posted
Congratulations well done.
body
{
font-family: 'Hanken Grotesk', sans-serif;
font-size: 18px;
margin: 0;
padding: 0;
/* add these four lines. this will place the card in the middle of the page */
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
button
{
font-size: 1rem;
background-color: hsl(249, 16%, 26%);
color: var(--white);
margin: 0 auto;
padding: 15px 185px; /* change this. this is not the best way to do it, but it will work for now. if you give the button a fixed width you will not have this problem. Avoid using % for padding */
border-radius: 100px;
border: none;
}
/* change the breakpoint to 650px */
media (min-width: 650px){
.body
{
background-color: var(--white);
}
Marked as helpful