Hola Ariel, en el ejercicios de Grid Area, se coloca la imagen encima del texto, no se posiciona una al lado del otro. porque?
Gracias.
7 comentario(s)
Hola Ariel, en el ejercicios de Grid Area, se coloca la imagen encima del texto, no se posiciona una al lado del otro. porque?
Gracias.
grid-template-columns: .2fr 1fr .2fr; grid-template-areas: ". title ." ". image ." ;
Aprovechando que estamos usando Sass y no CSS puro, podemos usar la media query dentro del selector, asi usamos menos lineas y es mas legible: `.grid-main-area { display: grid; grid-template-columns: repeat(9, 1fr); grid-template-areas: "title title title title title title title title title" "image image image image image image image image image";
media screen and (min-width: 960px){
grid-template-areas:
". title title image image image image image .";
}
} `
media (min-width: 960px) { .grid-main-area { grid-template-areas: ". title title image image image image image ."; } }
Clase 14