diff --git a/assets/styles/components/footer/footer.css b/assets/styles/components/footer/footer.css index b58b54d..43ddbaf 100644 --- a/assets/styles/components/footer/footer.css +++ b/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; diff --git a/assets/styles/normalize.css b/assets/styles/normalize.css index 4f6b8d1..cd01ea9 100644 --- a/assets/styles/normalize.css +++ b/assets/styles/normalize.css @@ -41,6 +41,8 @@ html { body { font-family: 'Poppins', sans-serif; margin: 0; + position: relative; + min-height: 100vh; } /** diff --git a/assets/styles/pages/article/article-desktop.css b/assets/styles/pages/article/article-desktop.css index 3bdef71..35cbade 100644 --- a/assets/styles/pages/article/article-desktop.css +++ b/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 */ diff --git a/assets/styles/pages/article/article.css b/assets/styles/pages/article/article.css index e87af45..4f5dbfc 100644 --- a/assets/styles/pages/article/article.css +++ b/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 { diff --git a/assets/styles/pages/edit-profile/edit-profile.css b/assets/styles/pages/edit-profile/edit-profile.css index 7e5bfda..99b0c67 100644 --- a/assets/styles/pages/edit-profile/edit-profile.css +++ b/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 { diff --git a/assets/styles/pages/post-article/post-article.css b/assets/styles/pages/post-article/post-article.css index 202a127..830c0a9 100644 --- a/assets/styles/pages/post-article/post-article.css +++ b/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 { diff --git a/assets/styles/pages/profile/profile-desktop.css b/assets/styles/pages/profile/profile-desktop.css index be63c8c..30b0f56 100644 --- a/assets/styles/pages/profile/profile-desktop.css +++ b/assets/styles/pages/profile/profile-desktop.css @@ -71,7 +71,6 @@ header { .profile__link-edit { right: 35px; - bottom: 60px; font-size: 2.8rem; }