2022-06-06 00:08:12 +00:00
|
|
|
.view-event {
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas:
|
|
|
|
"x1 ti ti ti x4"
|
|
|
|
"x1 x2 po x3 x4"
|
|
|
|
"x1 x2 de x3 x4"
|
2022-06-06 01:15:44 +00:00
|
|
|
"x1 x2 dr x3 x4"
|
2022-06-06 00:08:12 +00:00
|
|
|
;
|
2022-06-07 10:34:38 +00:00
|
|
|
grid-template-columns: 1fr 80px 640px 80px 1fr;
|
2022-06-06 01:15:44 +00:00
|
|
|
grid-template-rows: auto auto 1fr auto;
|
2022-06-06 00:08:12 +00:00
|
|
|
|
|
|
|
row-gap: 4px;
|
|
|
|
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
2022-06-07 10:34:38 +00:00
|
|
|
@media (max-width: 800px) {
|
|
|
|
.view-event {
|
|
|
|
grid-template-areas:
|
|
|
|
"ti"
|
|
|
|
"po"
|
|
|
|
"de"
|
|
|
|
"dr"
|
|
|
|
;
|
|
|
|
grid-template-columns: 1fr;
|
|
|
|
grid-template-rows: auto auto 1fr auto;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2022-06-06 00:08:12 +00:00
|
|
|
.view-event-title {
|
|
|
|
grid-area: ti;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
|
|
|
|
.view-event-postcard {
|
|
|
|
grid-area: po;
|
|
|
|
}
|
|
|
|
|
|
|
|
.view-event-description {
|
|
|
|
grid-area: de;
|
|
|
|
}
|
2022-06-06 01:15:44 +00:00
|
|
|
|
|
|
|
.view-event-daterange {
|
|
|
|
grid-area: dr;
|
|
|
|
}
|