image container fixed

LeoGytis · Dec 30, 2023 · 49ae220 · 49ae220
1 parent 95b90e6
commit 49ae220
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/app/components/NavBar.tsx b/src/app/components/NavBar.tsx
@@ -13,7 +13,7 @@ const NavBar: any = () => {
           Inclusive products and digital experiences for the web.
         </h3>
       </div>
-      <nav className="hidden lg:flex flex-col text-lg text-nav_inactive gap-2">
+      <nav className="hidden lg:flex flex-col text-lg text-nav_inactive gap-2 mb-14">
         <ScrollLink className="nav_item" spy smooth offset={-80} to="about">
           <div className="nav_indicator" />
           About

diff --git a/src/app/components/Project.tsx b/src/app/components/Project.tsx
@@ -22,13 +22,11 @@ const Project = ({
   return (
     <div className="mb-12 lg:p-6 hover_border">
       <div className="flex flex-col sm:flex-row gap-6 w-full group">
-        <div className="overflow-hidden rounded cursor-pointer">
+        <div className="overflow-hidden rounded cursor-pointer h-full w-[400px] sm:w-[250px]">
           <Image
             src={imageSrc}
-            width={300}
-            height={300}
             alt={title}
-            className="rounded hover:scale-125 ease-out duration-1000 transform origin-top"
+            className="rounded hover:scale-125 ease-out duration-1000 transform origin-top "
           />
         </div>
         <div className="flex flex-col sm:w-2/3">