From 631713d1dc5450c9e0261c1b145a9abcdd009ae9 Mon Sep 17 00:00:00 2001
From: OLIMINATOR <oliminator@protonmail.com>
Date: Fri, 9 Dec 2022 16:55:43 +0100
Subject: [PATCH] projects mobile optimalizacia

---
 src/pages/projects.astro | 66 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 63 insertions(+), 3 deletions(-)

diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 89f3486..c6329a6 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -14,6 +14,66 @@ const projects = [
         link: "https://www.google.com/",
         desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
     },
+    {
+        name: "YesLib",
+        link: "https://www.google.com/",
+        desc: "dwadwadwa",
+    },
+    {
+        name: "UltimateHYX+++UPGRADEDplus",
+        link: "https://www.google.com/",
+        desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
+    },
+    {
+        name: "YesLib",
+        link: "https://www.google.com/",
+        desc: "dwadwadwa",
+    },
+    {
+        name: "UltimateHYX+++UPGRADEDplus",
+        link: "https://www.google.com/",
+        desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
+    },
+    {
+        name: "YesLib",
+        link: "https://www.google.com/",
+        desc: "dwadwadwa",
+    },
+    {
+        name: "UltimateHYX+++UPGRADEDplus",
+        link: "https://www.google.com/",
+        desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
+    },
+    {
+        name: "YesLib",
+        link: "https://www.google.com/",
+        desc: "dwadwadwa",
+    },
+    {
+        name: "UltimateHYX+++UPGRADEDplus",
+        link: "https://www.google.com/",
+        desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
+    },
+    {
+        name: "YesLib",
+        link: "https://www.google.com/",
+        desc: "dwadwadwa",
+    },
+    {
+        name: "UltimateHYX+++UPGRADEDplus",
+        link: "https://www.google.com/",
+        desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
+    },
+    {
+        name: "YesLib",
+        link: "https://www.google.com/",
+        desc: "dwadwadwa",
+    },
+    {
+        name: "UltimateHYX+++UPGRADEDplus",
+        link: "https://www.google.com/",
+        desc: "dwadwadwdwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwadwaa",
+    },
 ];
 ---
 
@@ -24,10 +84,10 @@ const projects = [
     </h1>
 
     <Container>
-        <main class="flex gap-14 flex-wrap justify-center">
+        <main class="flex gap-12 flex-wrap justify-center">
             {
                 projects.map((project) => (
-                    <section class="w-96 border-[1px] border-neutral-800 bg-gray p-6 rounded-md">
+                    <section class="flex flex-col md:w-96 w-80 min-h-max border-[1px] border-neutral-800 bg-gray p-6 rounded-md">
                         <h2 class="text-3xl font-bold text-white mb-4 break-all">
                             {project.name}
                         </h2>
@@ -36,7 +96,7 @@ const projects = [
                         </p>
                         <a
                             href={project.link}
-                            class="flex w-fit py-2 px-6 text-neutral-300 bg-neutral-800 rounded-md hover:bg-neutral-700 transition-colors duration-100"
+                            class="inline-flex  bottom-0 w-fit py-2 px-6 text-neutral-300 bg-neutral-800 rounded-md hover:bg-neutral-700 transition-colors duration-100"
                         >
                             Visit{" "}
                             <img