Merge pull request #56 from enflujo/carino-proyecto

🐛 cariños-proyectos

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>

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>

src/scss/estilosGlobales.scss

@@ -59,6 +59,7 @@ h1 {
 
 h2 {
   font-size: 1.5em;
+  padding-top: 1em;
 }
 
 h3 {