Streaming live at 10am (PST)

[Spanish] Problema con imagenes en 1200px “Large Screen” media query


#1

Hola, alguien en español?
Estoy probando la opcion de custom code para hacer el container mas ancho que 960px...


@media screen and (min-width: 1200px) {
.w-container {
max-width: 1170px;
}
}

...pero las imágenes siguen con la estructura del container de 960px

Aquí mi problema:
https://preview.webflow.com/preview/ecowekk?preview=e3f3553fcd20ab7c073a1a72133fa901

Gracias!


#2

Hola @gomezcabrera

Primero que nada, todos los ajustes que hagas a través de custom code solo se verán reflejados en el sitio exportado, no los puedes previsualizar en Preview mode.

Segundo, en el caso de los containers mas anchos yo te recomendaría crear containers con un ancho mas amplio:

  1. Crear div, nombre "container" darle un ancho máximo de 1200px o 1170px, cualquiera que te acomode mas
  2. Agregar un elemento container y darle la misma clase "container"

Eso forzará al sistema a darle un ancho mas grande al elemento container cada vez que le des esa clase.

Espero que eso te ayude.

Saludos,


#3

El problemas es el tamaño de tus imágenes!


#4

Hola, gracias por responder!
Ahi pude probar lo que me recomendaste pero no me respeta los márgenes, si achico el browser se va hasta los bordes mientras el nav-bar respeta los márgenes... Tienes idea porque puede ser?

https://preview.webflow.com/preview/ecowekk?preview=e3f3553fcd20ab7c073a1a72133fa901

Gracias


#5

Las imágenes son más grandes que el tamaño de cada columna... No entiendo a que te refieres


#6

@gomezcabrera te recomiendo que veas el siguiente tema acerca de este tema, tiene unas muy buenas prácticas para lo que quieres lograr (esta en inglés).


#7

Dale, muchas gracias por tu tiempo!


#8

Cuando yo revise, el tamaño natural de tus images era menor a 1200 y por esa razón no se expandían hasta poder llenar la div.


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.