From 0349c4569667828afb5230f33da56931c8575ee9 Mon Sep 17 00:00:00 2001
From: Juliansintilde <jcgc777@gmail.com>
Date: Mon, 1 Apr 2024 13:58:44 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20cari=C3=B1os-proyectos?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/componentes/DescripcionProyecto.astro |  6 +--
 src/pages/proyectos/[slug].astro          | 65 ++++++++++++++++++++---
 src/scss/estilosGlobales.scss             |  1 +
 3 files changed, 63 insertions(+), 9 deletions(-)

diff --git a/src/componentes/DescripcionProyecto.astro b/src/componentes/DescripcionProyecto.astro
index 980ce9b..6a9f647 100644
--- a/src/componentes/DescripcionProyecto.astro
+++ b/src/componentes/DescripcionProyecto.astro
@@ -53,11 +53,11 @@ datos.terminado = !!datos.fecha_publicacion;
     display: flex;
     align-items: flex-end;
     flex: 1;
-    margin: 0.5em 0;
+    margin: 1.5em 0;
     flex-wrap: wrap;
 
     .interTitulo {
-      margin: 0 0.5em 0 0;
+      margin: 0 0.75em 0.25em 0;
       width: auto;
       line-height: 1.25;
     }
@@ -70,7 +70,7 @@ datos.terminado = !!datos.fecha_publicacion;
       width: 15px;
     }
     .repoNombre {
-      margin-left: 0.3em;
+      margin-left: 0.5em;
     }
   }
 </style>
diff --git a/src/pages/proyectos/[slug].astro b/src/pages/proyectos/[slug].astro
index 0afece4..e0b87c6 100644
--- a/src/pages/proyectos/[slug].astro
+++ b/src/pages/proyectos/[slug].astro
@@ -164,20 +164,26 @@ if (proyectos && proyectos.length) {
 
   #portada {
     display: flex;
+    flex-direction: column;
+    justify-content: space-between;
 
-    .imagen,
-    .contenidoPortada {
-      flex-basis: 50%;
+    .imagen {
+      img {
+        max-height: 80vh;
+        width: auto;
+      }
     }
 
     .contenidoPortada {
-      padding: 3em 2em;
+      flex-basis: 50%;
+      padding: 2em 10%;
+      margin: auto;
     }
   }
 
   .contenidoProyecto {
-    padding: 2em;
-
+    padding: 0em 2em;
+   
     .contenedorVideo169 {
       width: 100%;
       padding-top: 56.25%;
@@ -192,9 +198,40 @@ if (proyectos && proyectos.length) {
       }
     }
   }
+
+  
+
+  @media (min-width: $minTablet) {
+   
+  .contenidoProyecto {
+    padding: 3em 4em;
+  }
+    }
+  @media (min-width: $minPantalla) {
+    #portada {
+      display: flex;
+      flex-direction: row;
+
+    .contenidoPortada {
+      flex-basis: 50%;
+      padding: 4em 5%;
+      margin: auto;
+    }
+  }
+  .contenidoProyecto {
+    padding: 3em 4em;
+  }
+    }
+
+    
+  
+
+
 </style>
 
 <style lang="scss" is:global>
+  @import '../../scss/_constantes.scss';
+
   .contenidoProyecto {
     ul {
       list-style: circle;
@@ -233,4 +270,20 @@ if (proyectos && proyectos.length) {
       margin: 1em 0;
     }
   }
+
+  @media (min-width: $minPantalla) {
+    .contenidoProyecto {
+
+      
+      p {
+        padding: 10px 20px;
+        max-width: 900px;
+        margin-top: 0;
+      }
+
+      h2 {
+        padding: 20px;
+      }
+    }
+  }
 </style>
diff --git a/src/scss/estilosGlobales.scss b/src/scss/estilosGlobales.scss
index 3e96290..66258aa 100644
--- a/src/scss/estilosGlobales.scss
+++ b/src/scss/estilosGlobales.scss
@@ -59,6 +59,7 @@ h1 {
 
 h2 {
   font-size: 1.5em;
+  padding-top: 1em;
 }
 
 h3 {