[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-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;
|
||||
|
|
2
assets/styles/normalize.css
vendored
2
assets/styles/normalize.css
vendored
|
@ -41,6 +41,8 @@ html {
|
|||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
/**
|
||||
|
|
|
@ -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 */
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -208,6 +208,7 @@ header::before {
|
|||
/* Estilos para footer, sobreescribir para cambiar color */
|
||||
.footer {
|
||||
background-color: var(--color-black);
|
||||
position: initial;
|
||||
}
|
||||
|
||||
.footer .rights {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -71,7 +71,6 @@ header {
|
|||
|
||||
.profile__link-edit {
|
||||
right: 35px;
|
||||
bottom: 60px;
|
||||
font-size: 2.8rem;
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue