1
Fork 0
mirror of https://github.com/Steffo99/festa.git synced 2024-12-23 07:04:22 +00:00
festa/styles/components/views/event.css

47 lines
No EOL
806 B
CSS

.view-event {
display: grid;
grid-template-areas:
"x1 ti ti ti x4"
"x1 x2 po x3 x4"
"x1 x2 de x3 x4"
"x1 x2 dr x3 x4"
"xx xx xx xx xx"
;
grid-template-columns: 1fr 80px 640px 80px 1fr;
grid-template-rows: auto auto auto auto 1fr;
row-gap: 4px;
margin: 0 auto;
}
@media (max-width: 800px) {
.view-event {
grid-template-areas:
"ti"
"po"
"de"
"dr"
"xx"
;
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto 1fr;
}
}
.view-event-title {
grid-area: ti;
text-align: center;
}
.view-event-postcard {
grid-area: po;
}
.view-event-description {
grid-area: de;
}
.view-event-daterange {
grid-area: dr;
}