36 lines
487 B
CSS
36 lines
487 B
CSS
.form {
|
|
display: grid;
|
|
gap: var(--Spacing-x3);
|
|
margin-bottom: var(--Spacing-x3);
|
|
}
|
|
|
|
.container {
|
|
display: grid;
|
|
gap: var(--Spacing-x2);
|
|
width: min(100%, 600px);
|
|
}
|
|
|
|
.header,
|
|
.country,
|
|
.email,
|
|
.signup,
|
|
.phone {
|
|
grid-column: 1/-1;
|
|
}
|
|
|
|
.footer {
|
|
margin-top: var(--Spacing-x1);
|
|
}
|
|
|
|
@media screen and (min-width: 768px) {
|
|
.form {
|
|
gap: var(--Spacing-x3);
|
|
}
|
|
|
|
.container {
|
|
gap: var(--Spacing-x2);
|
|
grid-template-columns: 1fr 1fr;
|
|
width: min(100%, 600px);
|
|
}
|
|
}
|