fix: mobile layout

jonassimoen · Dec 3, 2023 · d0bb8e4 · d0bb8e4
1 parent f70f7ac
commit d0bb8e4
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/UI/Layout/LayoutStyle.tsx b/src/components/UI/Layout/LayoutStyle.tsx
@@ -13,7 +13,7 @@ export const LayoutStyle = styled(Layout)`
 		background: transparent;
 		margin: 0 auto;
 		width: 100%;
-		@media (min-width: 992px) {
+		@media ${mediaQueries.laptop} {
 			width: 80%;
 		}
 		

diff --git a/src/styles/media-queries.ts b/src/styles/media-queries.ts
@@ -4,7 +4,7 @@ export const sizes = {
 	mobileL: 425,
 	tablet: 768,
 	tabletL: 846,
-	laptop: 1024,
+	laptop: 1100,
 	desktop: 1200,
 	desktopL: 1500
 };