Add SCSS

src/styles/_responsive.scss

@@ -0,0 +1,53 @@
+// ============================================================
+//   Responsive
+//   ============================================================
+
+@media (max-width: 920px) {
+  .grid-3 {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .event-hero__body,
+  .split,
+  .map-page,
+  .admin-shell {
+    grid-template-columns: 1fr;
+  }
+
+  .map-wrap {
+    height: 320px;
+  }
+
+  .stats-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+
+  .footer__grid {
+    grid-template-columns: 1fr;
+    gap: var(--space-6);
+  }
+}
+
+@media (max-width: 620px) {
+  .grid-3,
+  .grid-2 {
+    grid-template-columns: 1fr;
+  }
+
+  .section {
+    padding-block: var(--space-8);
+  }
+
+  .header__inner {
+    flex-wrap: wrap;
+    padding-block: var(--space-2);
+  }
+
+  .nav {
+    order: 3;
+    width: 100%;
+    overflow-x: auto;
+    margin-left: 0;
+    padding-bottom: var(--space-1);
+  }
+}