@alekseibodeev
Posted
Hi 👋 Nice solution!
If I understand it correctly you want to reduce spacing between h2
and p
elements. You can achieve it by reducing margins on those elements. For example:
h2 {
margin-bottom: 0;
}
p {
margin-top: 0.25rem;
}
But it's better to replace type selector with class ones.
To center card you can use the following code snippet:
.container {
min-height: 100vh;
display: grid;
place-content: center;
}
body {
margin: 0; /* will remove unnecessary scroll bar */
}
Marked as helpful