[Arreglar] errores de posicionamiento y estilos en footer, imagenes del articulo generado y descripciones del usuario
This commit is contained in:
parent
1e1093fd25
commit
ca3e9bf93a
7 changed files with 19 additions and 8 deletions
|
@ -26,8 +26,14 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
|
--footer-height: 70px;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
bottom: calc(-1 * var(--footer-height));
|
||||||
|
width: 100%;
|
||||||
|
height: var(--footer-height);
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
padding: 13.5px 29px;
|
padding: 10px 20px;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
2
assets/styles/normalize.css
vendored
2
assets/styles/normalize.css
vendored
|
@ -41,6 +41,8 @@ html {
|
||||||
body {
|
body {
|
||||||
font-family: 'Poppins', sans-serif;
|
font-family: 'Poppins', sans-serif;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
position: relative;
|
||||||
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
@ -107,6 +107,11 @@ header:hover {
|
||||||
|
|
||||||
.post__copy img {
|
.post__copy img {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
max-width: 400px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.post__container-img {
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Estilos para el codigo incrustado */
|
/* Estilos para el codigo incrustado */
|
||||||
|
|
|
@ -286,15 +286,11 @@ header::before {
|
||||||
/* Estilos para las imagenes */
|
/* Estilos para las imagenes */
|
||||||
.post__copy img {
|
.post__copy img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
/* height: 100%; */
|
||||||
object-fit: cover;
|
object-fit: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Acomodar las imagenes en medio, se agrega esta clasea al contenedor de la imagen desde JS */
|
/* 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 */
|
/* Estilos para los enlaces */
|
||||||
.post__copy a {
|
.post__copy a {
|
||||||
color: var(--color-black);
|
color: var(--color-black);
|
||||||
|
@ -556,7 +552,7 @@ header::before {
|
||||||
|
|
||||||
/* Estilos a las respuestas de comentarios */
|
/* Estilos a las respuestas de comentarios */
|
||||||
.comments__list {
|
.comments__list {
|
||||||
margin-top: 50px;
|
margin: 50px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.comments__item {
|
.comments__item {
|
||||||
|
|
|
@ -208,6 +208,7 @@ header::before {
|
||||||
/* Estilos para footer, sobreescribir para cambiar color */
|
/* Estilos para footer, sobreescribir para cambiar color */
|
||||||
.footer {
|
.footer {
|
||||||
background-color: var(--color-black);
|
background-color: var(--color-black);
|
||||||
|
position: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer .rights {
|
.footer .rights {
|
||||||
|
|
|
@ -84,6 +84,7 @@ body {
|
||||||
align-self: center;
|
align-self: center;
|
||||||
width: 30%;
|
width: 30%;
|
||||||
max-width: 320px;
|
max-width: 320px;
|
||||||
|
min-width: 180px;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
padding: 15px;
|
padding: 15px;
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
|
@ -109,6 +110,7 @@ body {
|
||||||
/* Reescribiendo estilos de footer para esta page */
|
/* Reescribiendo estilos de footer para esta page */
|
||||||
.footer {
|
.footer {
|
||||||
background-color: var(--color-black);
|
background-color: var(--color-black);
|
||||||
|
position: initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer .rights {
|
.footer .rights {
|
||||||
|
|
|
@ -71,7 +71,6 @@ header {
|
||||||
|
|
||||||
.profile__link-edit {
|
.profile__link-edit {
|
||||||
right: 35px;
|
right: 35px;
|
||||||
bottom: 60px;
|
|
||||||
font-size: 2.8rem;
|
font-size: 2.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue