From dd73ae44db84c8033dbc56fa76d9b1987911e099 Mon Sep 17 00:00:00 2001
From: codevictory <main@codevictory.net>
Date: Tue, 4 Jan 2022 21:55:18 +0200
Subject: [PATCH] Responsive Main page.

---
 src/components/DateAndPlace.scss |  9 +++++++++
 src/components/NavBar.scss       |  6 ++++++
 src/pages/Main.scss              | 28 ++++++++++++++++++++++++++++
 3 files changed, 43 insertions(+)

diff --git a/src/components/DateAndPlace.scss b/src/components/DateAndPlace.scss
index 4533416..ebda285 100644
--- a/src/components/DateAndPlace.scss
+++ b/src/components/DateAndPlace.scss
@@ -31,4 +31,13 @@
 }
 
 @media screen and (max-width: 600px) {
+  .DateAndPlace {
+    h2.large {
+      font-size: 1.5rem !important;
+    }
+
+    h3.large {
+      font-size: 1rem !important;
+    }
+  }
 }
diff --git a/src/components/NavBar.scss b/src/components/NavBar.scss
index ad31894..5c46407 100644
--- a/src/components/NavBar.scss
+++ b/src/components/NavBar.scss
@@ -11,3 +11,9 @@
     margin-bottom: 0;
   }
 }
+
+@media screen and (max-width: 600px) {
+  .NavBar {
+    flex-direction: column;
+  }
+}
diff --git a/src/pages/Main.scss b/src/pages/Main.scss
index ec06980..08fef8d 100644
--- a/src/pages/Main.scss
+++ b/src/pages/Main.scss
@@ -49,6 +49,34 @@
     font-size: 1.1rem;
     text-transform: uppercase;
     margin-bottom: 8px;
+    margin-top: 8px;
     letter-spacing: 2px;
   }
 }
+
+@media screen and (max-width: 600px) {
+  .extraText {
+    max-width: 50%;
+    font-weight: bold;
+  }
+
+  .Main {
+    .Main-container {
+      border-radius: 91px;
+      padding-right: 2rem;
+      padding-left: 2rem;
+      width: 90%;
+
+      .Main-title {
+        line-height: 2rem;
+        font-size: 4rem;
+        text-transform: uppercase;
+        margin-bottom: 0px;
+      }
+
+      .logo-container {
+        margin-bottom: 3rem;
+      }
+    }
+  }
+}