Div en diseño web adaptable

[dany2718]

hola es me primera vez en el foro, queria hacerles una consulta. Estoy haciendo una web con css3 y diseño web adaptable, es mi primera experiencia con web adaptables.La cosa es asi quiero poner en una resolucion de 1140px 6 cuadrados es decir 3 arriba y 3 abajo en una resolucion de tipo Ipad 2 arriba 2 al medio y 2 abajo y en una resolucion tipo Iphone 1 abajo del otro dentro del div irían imagenes unos div cuadros estarian barbaros.Desde ya muchas gracias y espero su respuesta.!

[Wakkos]

Normalmente puedes lograr esos efectos con min-width y max-width.

Si quieres que se vean 3 recuadros por línea (1140px / 3 = 380) maxwidth de los recuadros: 380px

cuando la resolución sea menor a 1140 te mostrará 2 recuadros y con menores de 760: un recuadro.

Para cambiar el tamaño de los recuadros según la resolución puedes usar mediaqueries, pero si quieres ir en modo "godlike" como diría Webstudio, un width:100%;max-width:380px; podría ayudar sin mediaqueries...

[dany2718]

muuuchas gracias! voy a probar tus consejos y despues te cuento!