mess around with footer + misc adjustments on event header and venue item

web/src/components/events/eventDetails.module.scss

@@ -33,4 +33,10 @@
 .label {
   font-weight: 600;
   width: 7rem;
+}
+
+@media (max-width: 800px) {
+  .content {
+    grid-template-columns: repeat(2, 1fr);
+  }
 }

web/src/components/events/eventHeader.module.scss

@@ -37,4 +37,8 @@
   .eventHeader {
     grid-template-columns: 1fr;
   }
+
+  .categories {
+    margin: var(--spacing-s) 0 0;
+  }
 }