Proyecto de curso
Mi Proyecto del curso: Introducción al Desarrollo Web Responsive con HTML y CSS
por bruno_perez_ch @bruno_perez_ch
- 33
- 3
- 4



Hola
Les comparto mi proyecto final. Hice algunos ajustes al layout de ordenador —los productos los hice a 4 columnas—. @htmlboy tengo una duda: ¿Las media queries se ponen abajo de cada elemento que se modifica o se agrupan por tamaño de pantalla? Pues el orden de los estilos podría ser por elemento o por tamaño de pantalla.
Aquí dejo el código y los otros elementos.
https://www.dropbox.com/sh/77v26ma7xg9o6wp/AACEYuZQcQC4kOvx_RzO6lqEa?dl=0
4 comentarios
htmlboy
Profesor PlusBuen trabajo! No hay una forma más correcta de poner las media queries, pero yo prefiero ponerlas debajo del elemento que se modifica para que todo el código que afecta a una zona quede agrupado.
¡Un saludo y muchas gracias por haber hecho el curso! :-)
bruno_perez_ch
@htmlboy muchas gracias por las observaciones. No entendí muy bien. Supongo que te refieres a algo como esto:
.contenedor {
width: 50%;
}
@media only screen and (max-width: 600px) {
.clase {
width: 100%;
}
}
.contenedor-2 {
width: 30%;
}
@media only screen and (max-width: 600px) {
..contenedor-2 {
width: 100%;
}
}
htmlboy
Profesor Plus@bruno_perez_ch Eso es :-)
bruno_perez_ch
@htmlboy Gracias!
Entra o únete Gratis para comentar