From 4e3bfa84b1995e1038dd07647fee67f97a5db7f8 Mon Sep 17 00:00:00 2001
From: Rafael-Mori-2022 <rafaelmp2018@icloud.com>
Date: Wed, 25 Sep 2024 20:03:41 -0300
Subject: [PATCH] fix: adjusting landing.scss again

---
 assets/css/landing.scss | 220 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 220 insertions(+)

diff --git a/assets/css/landing.scss b/assets/css/landing.scss
index 5507cfe5..b72aa864 100644
--- a/assets/css/landing.scss
+++ b/assets/css/landing.scss
@@ -466,3 +466,223 @@
     height: auto !important;
   }
 }
+
+@media (min-width: 530px) and (max-width: 770px){
+  .links-landing {
+    @apply flex flex-col justify-center items-center ;
+    width: 100%;
+
+    .links-item {
+      @apply flex flex-col justify-start items-start m-8;
+      width: 60%;
+      height: 16rem;
+      border-radius: 8px;
+      box-sizing: border-box;
+      background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
+
+      a {
+        @apply flex flex-col mt-auto;
+      }
+
+      img {
+        border-radius: 8px;
+        width: inherit;
+        height: inherit;
+        @apply absolute;
+        z-index: -10;
+      }
+
+      h3 {
+        padding-left: 1rem;
+      }
+
+      p {
+        text-wrap: wrap;
+        margin-top: 0.5rem;
+        padding: 0 1rem 1.5rem 1rem;
+      }
+
+      button {
+        width: 100%;
+        padding: 0 1rem 1.5rem 0;
+        background-color: transparent;
+
+        p {
+          display: inline-flex;
+          width: inherit;
+
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+
+}
+
+@media (min-width: 350px) and (max-width: 529px){
+
+
+
+  .links-landing {
+    @apply flex flex-col justify-center items-center;
+    width: 100%;
+
+    .links-item {
+      @apply flex flex-col justify-start items-start m-8;
+      width: 70%;
+      height: 13rem;
+      border-radius: 8px;
+      box-sizing: border-box;
+      background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
+
+      a {
+        @apply flex flex-col mt-auto;
+      }
+
+      img {
+        border-radius: 8px;
+        width: inherit;
+        height: inherit;
+        @apply absolute;
+        z-index: -10;
+      }
+
+      h3 {
+        padding-left: 1rem;
+      }
+
+      p {
+        text-wrap: wrap;
+        margin-top: 0.5rem;
+        padding: 0 1rem 1.5rem 1rem;
+      }
+
+      button {
+        width: 100%;
+        padding: 0 1rem 1.5rem 0;
+        background-color: transparent;
+
+        p {
+          display: inline-flex;
+          width: inherit;
+
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media (min-width: 530px) and (max-width: 770px){
+  .links-landing {
+    @apply flex flex-col justify-center items-center ;
+    width: 100%;
+
+    .links-item {
+      @apply flex flex-col justify-start items-start m-8;
+      width: 60%;
+      height: 16rem;
+      border-radius: 8px;
+      box-sizing: border-box;
+      background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
+
+      a {
+        @apply flex flex-col mt-auto;
+      }
+
+      img {
+        border-radius: 8px;
+        width: inherit;
+        height: inherit;
+        @apply absolute;
+        z-index: -10;
+      }
+
+      h3 {
+        padding-left: 1rem;
+      }
+
+      p {
+        text-wrap: wrap;
+        margin-top: 0.5rem;
+        padding: 0 1rem 1.5rem 1rem;
+      }
+
+      button {
+        width: 100%;
+        padding: 0 1rem 1.5rem 0;
+        background-color: transparent;
+
+        p {
+          display: inline-flex;
+          width: inherit;
+
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+
+}
+
+@media (min-width: 350px) and (max-width: 529px){
+
+
+
+  .links-landing {
+    @apply flex flex-col justify-center items-center;
+    width: 100%;
+
+    .links-item {
+      @apply flex flex-col justify-start items-start m-8;
+      width: 70%;
+      height: 13rem;
+      border-radius: 8px;
+      box-sizing: border-box;
+      background: linear-gradient(180deg, rgba(16, 16, 16, 0) 0%, #101010 100%);
+
+      a {
+        @apply flex flex-col mt-auto;
+      }
+
+      img {
+        border-radius: 8px;
+        width: inherit;
+        height: inherit;
+        @apply absolute;
+        z-index: -10;
+      }
+
+      h3 {
+        padding-left: 1rem;
+      }
+
+      p {
+        text-wrap: wrap;
+        margin-top: 0.5rem;
+        padding: 0 1rem 1.5rem 1rem;
+      }
+
+      button {
+        width: 100%;
+        padding: 0 1rem 1.5rem 0;
+        background-color: transparent;
+
+        p {
+          display: inline-flex;
+          width: inherit;
+
+          &:hover {
+            text-decoration: underline;
+          }
+        }
+      }
+    }
+  }
+}