add event header component and the first pig

2024-05-12 23:50:08 +02:00
parent 57ce71453e
commit ba43da1556
6 changed files with 146 additions and 17 deletions
--- a/web/src/components/events/eventHeader.module.scss
+++ b/web/src/components/events/eventHeader.module.scss
@ -0,0 +1,32 @@
+.eventHeader {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  column-gap: var(--spacing-gap-column);
+  align-items: flex-end;
+  padding: 0 0 var(--spacing-sitepadding) 0;
+}
+
+.title {
+  font-size: var(--font-size-h1);
+}
+
+.image {
+  grid-column: span 2;
+
+  img {
+    max-width: 100%;
+    height: auto;
+  }
+}
+
+.details {
+  font-family: var(--font-serif);
+}
+
+.pig {
+  position: absolute;
+  bottom: -30%;
+  right: -2.5rem;
+  color: var(--color-white);
+}