[Arreglar] errores de posicionamiento y estilos en footer, imagenes del articulo generado y descripciones del usuario

assets/styles/components/footer/footer.css

@@ -26,8 +26,14 @@
 */
 
 .footer {
+    --footer-height: 70px;
+    position: absolute;
+    left: 0;
+    bottom: calc(-1 * var(--footer-height));
+    width: 100%;
+    height: var(--footer-height);
     min-width: 320px;
-    padding: 13.5px 29px;
+    padding: 10px 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;

assets/styles/normalize.css

@@ -41,6 +41,8 @@ html {
 body {
   font-family: 'Poppins', sans-serif;
   margin: 0;
+  position: relative;
+  min-height: 100vh;
 }
 
 /**

assets/styles/pages/article/article-desktop.css

@@ -107,6 +107,11 @@ header:hover {
 
 .post__copy img {
     width: 50%;
+    max-width: 400px;
+}
+
+.post__container-img {
+    text-align: center;
 }
 
 /* Estilos para el codigo incrustado */

assets/styles/pages/article/article.css

@@ -286,15 +286,11 @@ header::before {
 /* Estilos para las imagenes */
 .post__copy img {
     width: 100%;
-    height: 100%;
+    /* height: 100%; */
     object-fit: cover;
 }
 
 /* Acomodar las imagenes en medio, se agrega esta clasea al contenedor de la imagen desde JS */
-.post__container-img {
-    text-align: center;
-}
-
 /* Estilos para los enlaces */
 .post__copy a {
     color: var(--color-black);
@@ -556,7 +552,7 @@ header::before {
 
 /* Estilos a las respuestas de comentarios */
 .comments__list {
-    margin-top: 50px;
+    margin: 50px 0;
 }
 
 .comments__item {

assets/styles/pages/edit-profile/edit-profile.css

@@ -208,6 +208,7 @@ header::before {
 /* Estilos para footer, sobreescribir para cambiar color */
 .footer {
     background-color: var(--color-black);
+    position: initial;
 }
 
 .footer .rights {

assets/styles/pages/post-article/post-article.css

@@ -84,6 +84,7 @@ body {
     align-self: center;
     width: 30%;
     max-width: 320px;
+    min-width: 180px;
     margin-top: 20px;
     padding: 15px;
     font-size: 2rem;
@@ -109,6 +110,7 @@ body {
 /* Reescribiendo estilos de footer para esta page */
 .footer {
     background-color: var(--color-black);
+    position: initial;
 }
 
 .footer .rights {

assets/styles/pages/profile/profile-desktop.css

@@ -71,7 +71,6 @@ header {
 
 .profile__link-edit {
     right: 35px;
-    bottom: 60px;
     font-size: 2.8rem;
 }