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

47 lines
794 B
CSS
Raw Normal View History

2022-06-11 03:08:49 +00:00
.viewEvent {
2022-06-06 00:08:12 +00:00
display: grid;
2022-06-11 03:08:49 +00:00
grid-template-areas:
2022-06-06 00:08:12 +00:00
"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-07 11:41:26 +00:00
"xx xx xx xx xx"
2022-06-06 00:08:12 +00:00
;
grid-template-columns: 1fr 80px 640px 80px 1fr;
2022-06-07 11:41:26 +00:00
grid-template-rows: auto auto auto auto 1fr;
2022-06-06 00:08:12 +00:00
row-gap: 4px;
margin: 0 auto;
}
@media (max-width: 800px) {
2022-06-11 03:08:49 +00:00
.viewEvent {
grid-template-areas:
"ti"
"po"
"de"
"dr"
2022-06-07 11:41:26 +00:00
"xx"
;
grid-template-columns: 1fr;
2022-06-07 11:41:26 +00:00
grid-template-rows: auto auto auto auto 1fr;
}
}
2022-06-11 03:08:49 +00:00
.viewEventTitle {
2022-06-06 00:08:12 +00:00
grid-area: ti;
text-align: center;
}
2022-06-11 03:08:49 +00:00
.viewEventPostcard {
2022-06-06 00:08:12 +00:00
grid-area: po;
}
2022-06-11 03:08:49 +00:00
.viewEventDescription {
2022-06-06 00:08:12 +00:00
grid-area: de;
}
2022-06-06 01:15:44 +00:00
2022-06-11 03:08:49 +00:00
.viewEventDaterange {
2022-06-06 01:15:44 +00:00
grid-area: dr;
}