mirror of
https://github.com/Steffo99/festa.git
synced 2024-12-23 15:14:23 +00:00
46 lines
754 B
CSS
46 lines
754 B
CSS
|
.view-landing {
|
||
|
|
display: grid;
|
||
|
|
grid-template-areas:
|
||
|
|
"titles"
|
||
|
|
"actions"
|
||
|
|
;
|
||
|
|
grid-template-columns: 100%;
|
||
|
|
grid-template-rows: auto 1fr;
|
||
|
|
|
||
|
|
justify-content: stretch;
|
||
|
|
text-align: center;
|
||
|
|
|
||
|
|
gap: 32px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-landing-titles {
|
||
|
|
grid-area: titles;
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-landing-titles-title {
|
||
|
|
font-size: 10rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-landing-titles-subtitle {
|
||
|
|
font-size: 2.5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width: 800px) or (max-height: 600px) {
|
||
|
|
.view-landing-titles-title {
|
||
|
|
font-size: 5rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-landing-titles-subtitle {
|
||
|
|
font-size: 1.5rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.view-landing-actions {
|
||
|
|
grid-area: actions;
|
||
|
|
align-self: start;
|
||
|
|
justify-self: center;
|
||
|
|
|
||
|
|
max-width: 800px;
|
||
|
|
width: 100%;
|
||
|
|
}
|