fix: breakpoints tailwind

mikekubn · Jul 30, 2023 · 95ae9a1 · 95ae9a1
1 parent 2e66343
commit 95ae9a1
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/components/Navigation.tsx b/app/components/Navigation.tsx
@@ -7,7 +7,7 @@ import { H5, ParagraphLarge } from './Typography';
 
 const Navigation = (): React.ReactElement => (
   <header className="top-0 sticky z-50 block bg-black opacity-80">
-    <div className="max-w-6xl flex flex-row justify-between mx-auto p-4 sm-px-6">
+    <div className="max-w-6xl flex flex-row justify-between mx-auto p-4 sm:px-6">
       <H5 font="bold" className="gradient-blue-text items-start">
         <Link href="/">mikekubn.cz</Link>
       </H5>

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -83,7 +83,7 @@ const RootLayout = ({ children }: { children: React.ReactNode }): React.ReactEle
     <head />
     <body>
       <Navigation />
-      <main className="-mt-16 min-h-screen px-4 sm-px-6 max-w-6xl flex flex-col mx-auto">{children}</main>
+      <main className="-mt-16 min-h-screen px-4 sm:px-6 max-w-6xl flex flex-col mx-auto">{children}</main>
       <Footer />
     </body>
   </html>