From e53500bd82e4610b7fb8af9dd5e5b59977eb6eaf Mon Sep 17 00:00:00 2001
From: Hazem Krimi <krimihazem1@gmail.com>
Date: Tue, 12 Jan 2021 23:33:17 +0100
Subject: [PATCH] Change mobile nav component grid styles

---
 components/MobileNav.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/MobileNav.tsx b/components/MobileNav.tsx
index 57e9202..f27f2c0 100644
--- a/components/MobileNav.tsx
+++ b/components/MobileNav.tsx
@@ -26,10 +26,13 @@ const Bar = styled.nav<StyledProps>`
 	background: ${({ theme, dark }) => (dark ? theme.colors.dark.text : theme.colors.light.text)};
 	transition: transform 250ms ease-in-out;
 	display: grid;
-	grid-template-rows: auto;
-	row-gap: 10px;
+	grid-template-rows: 30% repeat(4, 50px);
 	padding: 1rem 1rem 5rem 1rem;
 
+	@media (orientation: landscape) {
+		grid-template-rows: auto;
+	}
+
 	.close {
 		justify-self: flex-end;
 		align-self: flex-start;