feat(design): improve mobile responsiveness

crnvl · Feb 18, 2024 · c750488 · c750488
1 parent 27e3867
commit c750488
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/layout/page-layout.tsx b/src/layout/page-layout.tsx
@@ -15,7 +15,7 @@ const PageLayout: FC<IProps> = (props) => {
         <title>{props.title}</title>
         <meta name="description" content={props.description} />
       </Head>
-      <div className="bg-background text-text">
+      <div className="bg-background text-text overflow-hidden">
         <Navbar title={props.title} />
         {props.children}
       </div>

diff --git a/src/pages/about.tsx b/src/pages/about.tsx
@@ -1,7 +1,7 @@
 export default function About() {
   return (
     <>
-      <div className="w-screen h-[calc(100vh-74px)] bg-background flex justify-center">
+      <div className="w-screen h-[calc(100vh-74px)] bg-background flex justify-center px-4">
         <div className="py-4 max-w-lg">
           <h1 className="text-2xl underline">about web-expl</h1>
           <p className="text-primary">