[FIX] design home

snackgraph · Dec 2, 2024 · 4b86634 · 4b86634
1 parent 08713d2
commit 4b86634
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 12 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
@@ -4,9 +4,9 @@ import Link from "next/link";
 function Footer() {
   return (
     <footer className="lg:h-[45dvh] bg-[#222327] text-[--color-description-dark] z-50 px-3">
-      <div className="grid grid-cols-1 lg:grid-cols-2 gap-3 px-3 pt-28">
-        <div className="pt-10 pb-10 lg:mb-0 order-last lg:order-first">
-          <div className="grid place-content-center">
+      <div className="grid grid-cols-1 lg:grid-cols-2 gap-3 px-3 ">
+        <div className="lg:mb-0 order-last lg:order-first">
+          <div className="grid place-content-center lg:h-[45dvh]">
             <div className="hidden lg:block">
               <Image
                 alt="SnackGraph's brand dark version"
@@ -23,10 +23,9 @@ function Footer() {
                 height={210}
               />
             </div>
-          </div>
-
-          <div className="mt-10 text-sm text-center">
-            © {new Date().getFullYear()} SnackGraph. All rights reserved.
+            <div className="text-sm text-center">
+              © {new Date().getFullYear()} SnackGraph. All rights reserved.
+            </div>
           </div>
         </div>
         <div className="grid place-content-center">

diff --git a/components/Home/StartForFree/index.tsx b/components/Home/StartForFree/index.tsx
@@ -5,7 +5,7 @@ import Link from "next/link";
 
 function StartForFree() {
   return (
-    <div className="grid place-content-center h-[80dvh] px-3 bg-white">
+    <div className="grid place-content-center h-[80dvh] p-3 bg-white">
       <div className="max-w-screen-2xl m-auto">
         <div className="grid grid-cols-1 lg:grid-cols-2 gap-10">
           <div className="grid place-content-center order-last lg:order-first">
@@ -38,9 +38,9 @@ function StartForFree() {
             <Image
               src="/snackgraph.svg"
               alt="SnackGraph's brand"
-              height={600}
-              width={600}
-              className="size-[220px] lg:size-[600px]"
+              height={500}
+              width={500}
+              className="size-[220px] lg:size-[500px]"
             />
           </div>
         </div>

diff --git a/styles/global.css b/styles/global.css
@@ -4,7 +4,7 @@
 
 @layer base {
   :root {
-    --color-title: #1c1d1f;
+    --color-title: #222327;
     --color-description: #6b7280;
     --color-description-dark: #ededed;
     --bg-brand-sel: #11b57f;