fix layout

beyenilmez · Sep 5, 2024 · 2249e59 · 2249e59
1 parent 4686134
commit 2249e59
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 7 deletions.
diff --git a/src/layouts/AppLayout.tsx b/src/layouts/AppLayout.tsx
@@ -4,12 +4,10 @@ import { Content } from "./Content";
 
 export function Applayout() {
   return (
-    <div className="flex flex-col justify-between md:px-36 w-screen min-h-screen">
+    <div className="flex flex-col justify-between items-center md:px-36 w-screen min-h-screen">
       <Header />
-      <div className="flex flex-col flex-grow">
-        <div className="flex flex-col flex-grow px-4 md:px-8 container">
-          <Content />
-        </div>
+      <div className="flex flex-col flex-grow px-4 md:px-8 container">
+        <Content />
       </div>
       <div className="px-4 md:px-8 container">
         <Footer />

diff --git a/src/layouts/Content.tsx b/src/layouts/Content.tsx
@@ -32,7 +32,7 @@ export function Content() {
           </div>
           <img
             src={screenshot1}
-            className="opacity-75 w-[50rem] hover:scale-[101%] md:block hidden transition-all"
+            className="opacity-75 w-[50rem] hover:scale-[101%] lg:block hidden transition-all"
             alt="Iconium screenshot showing user interface"
           />
         </div>

diff --git a/src/layouts/Header.tsx b/src/layouts/Header.tsx
@@ -4,7 +4,7 @@ import icon from "../assets/icon.png";
 export function Header() {
   return (
     <header className="top-0 z-50 sticky backdrop-blur w-full">
-      <div className="flex items-center px-4 md:px-8 h-14 container">
+      <div className="flex items-center px-4 md:px-8 w-full h-14">
         <div className="flex justify-between items-center gap-2 w-full">
           <div className="flex items-center gap-1.5">
             <img src={icon} alt="Logo" className="w-8 h-8" />