From b7521e6faaa20739e4b281ee2799c4c86f86fe25 Mon Sep 17 00:00:00 2001
From: francisco-solis99 <franciscosoliscss@gmail.com>
Date: Wed, 9 Mar 2022 11:39:58 -0600
Subject: [PATCH] [Arreglar] los errores de posicionamiento de los posts en las
 diferentes vistas

---
 assets/styles/pages/all-articles/all-articles-desktop.css | 5 -----
 assets/styles/pages/all-articles/all-articles-tablet.css  | 4 ++--
 assets/styles/pages/all-articles/all-articles.css         | 4 ++++
 assets/styles/pages/home/home-desktop.css                 | 7 ++++++-
 assets/styles/pages/home/home-tablet.css                  | 6 +++++-
 assets/styles/pages/profile/profile-desktop.css           | 4 ++--
 views/pages/all-articles.php                              | 2 +-
 7 files changed, 20 insertions(+), 12 deletions(-)

diff --git a/assets/styles/pages/all-articles/all-articles-desktop.css b/assets/styles/pages/all-articles/all-articles-desktop.css
index a4231ae..2c8a19a 100644
--- a/assets/styles/pages/all-articles/all-articles-desktop.css
+++ b/assets/styles/pages/all-articles/all-articles-desktop.css
@@ -15,11 +15,6 @@
 * junto con este programa. De lo contrario, consulte <https://www.gnu.org/licenses/>.
 */
 
-.articles__cards > .card {
-    width: 330px;
-}
-
-
 /* Estilos para el CTA desktop */
 
 .CTA {
diff --git a/assets/styles/pages/all-articles/all-articles-tablet.css b/assets/styles/pages/all-articles/all-articles-tablet.css
index 182d3d3..e576d10 100644
--- a/assets/styles/pages/all-articles/all-articles-tablet.css
+++ b/assets/styles/pages/all-articles/all-articles-tablet.css
@@ -72,7 +72,7 @@
 
 .articles__cards {
     display: grid;
-    grid-template-columns: repeat(auto-fill,minmax(288px, 1fr));
+    grid-template-columns: repeat(auto-fit,minmax(288px, 1fr));
     gap: 30px 10px;
     justify-content: center;
     align-content: center;
@@ -81,7 +81,7 @@
 }
 
 .articles__cards > .card {
-    width: 300px;
+    width: 100%;
 }
 
 /* Texto del CTA */
diff --git a/assets/styles/pages/all-articles/all-articles.css b/assets/styles/pages/all-articles/all-articles.css
index 2e71f86..3c4625d 100644
--- a/assets/styles/pages/all-articles/all-articles.css
+++ b/assets/styles/pages/all-articles/all-articles.css
@@ -60,6 +60,10 @@ body {
     gap: 30px;
 }
 
+.articles__icon {
+    display: none;
+}
+
 /* Estilos para mantener la altura en todos lso articulos */
 .articles__cards > .card {
     height: 100%;
diff --git a/assets/styles/pages/home/home-desktop.css b/assets/styles/pages/home/home-desktop.css
index 0280e15..f810674 100644
--- a/assets/styles/pages/home/home-desktop.css
+++ b/assets/styles/pages/home/home-desktop.css
@@ -82,8 +82,13 @@
 */
 
 /* Estilos para la seccion de articulos mas recientes */
+.recent-posts__title {
+    font-size: 2.8rem;
+    margin-bottom: 25px;
+}
+
 .recent-cards__container > .card {
-    width: 330px;
+    width: 100%;
 }
 
 /* Estilos para el CTA */
diff --git a/assets/styles/pages/home/home-tablet.css b/assets/styles/pages/home/home-tablet.css
index 2411e24..cd01f89 100644
--- a/assets/styles/pages/home/home-tablet.css
+++ b/assets/styles/pages/home/home-tablet.css
@@ -54,8 +54,12 @@
     margin: 0 auto;
 }
 
+.recent-posts__title {
+    font-size: 2.6rem;
+}
+
 .recent-cards__container {
-    grid-template-columns: repeat(auto-fill,minmax(288px, 1fr));
+    grid-template-columns: repeat(auto-fit,minmax(288px, 1fr));
     gap: 30px 10px;
     justify-content: center;
 }
diff --git a/assets/styles/pages/profile/profile-desktop.css b/assets/styles/pages/profile/profile-desktop.css
index 1c873a6..be63c8c 100644
--- a/assets/styles/pages/profile/profile-desktop.css
+++ b/assets/styles/pages/profile/profile-desktop.css
@@ -86,7 +86,7 @@ header {
 .public-cards__container {
     margin-top: 30px;
     display: grid;
-    grid-template-columns: repeat(auto-fill,minmax(288px, 1fr));
+    grid-template-columns: repeat(auto-fit,minmax(288px, 1fr));
     gap: 30px;
     justify-content: center;
     align-content: center;
@@ -95,5 +95,5 @@ header {
 
 .public-cards__container .card {
     height: 100%;
-    width: 330px;
+    width: 100%;
 }
diff --git a/views/pages/all-articles.php b/views/pages/all-articles.php
index e1af909..ab5cd05 100644
--- a/views/pages/all-articles.php
+++ b/views/pages/all-articles.php
@@ -64,7 +64,7 @@
     <section class="articles">
         <div class="articles__data">
             <h1 class = "articles__title">Muro</h1>
-            <span class="articles__icon">❯</span>
+            <span class="articles__icon">&#10095;</span>
         </div>
         <div class="articles__cards">
             <?php require 'views/components/articles.php' ?>