Added mobile spacer

components/Header.module.css

@@ -84,6 +84,10 @@
 	cursor: pointer;
 }
 
+.mobileSpacer {
+	display: none;
+}
+
 @media screen and (max-width: 768px) {
 	.sideBarCommon {
 		width: 90vw;
@@ -96,6 +100,11 @@
 	.headerWrapper {
 		padding: calc(10rem / 16) calc(20rem / 16) 0 calc(20rem / 16);
 	}
+
+	.mobileSpacer {
+		display: block;
+		padding: calc(50rem / 16);
+	}
 }
 
 .closeMenuButton {

components/Header.tsx

@@ -26,7 +26,8 @@ export function Header() {
         </button>
       </div>
 
-      <>
+      <div className={styles.mobileSpacer} />
+
       <div
         className={isShowingMenu ? styles.sideBarShown : styles.sideBarHidden}
       >
@@ -61,7 +62,6 @@ export function Header() {
         }}
       />
     </>
-    </>
   );
 }