menu grid responsive con imagenes

[23r9i0]

Hola,
mirar tengo un problema con o como crear un menu hecho con un sistema grid en porcentage, basicamente quiero que se divida asi:
111 22 75% 25%
33 444 - 25% 75%
55555 - 100%

El problema es que todos tienen que tener un mismo height para formar digamos un cuadrado.

No os pongo codigo ya que ahora mismo el que tengo esta incompleto al estar probando diferentes maneras tanto que ahora mismo estoy liado.

Por cierto las imagenes tienen que verse completas al ser una imagen que describe el link hacia la pagina correspondiente.

Saludos

[pzin]

Pues pon algo de código... Porque hablas de imágenes que obviamente solo ves tú.

[23r9i0]

hola pzin,
las imagenes las saco de lorempixel aun no tengo las definitivas, con una media 1:1.
El problema creo que es por tener dos columnas con diferentes anchos si de entrada fuesen cuadradas no tendria problemas.
Y mi pregunta va de eso como mantener la imagen/ancho de las rejillas, cuando una de las rejillas es el doble de una.

[carscx]

Para mantener la imagen que ocupe todo el ancho del cuadro contenedor. Es facil, ponle a la imagen width:100%

De esa forma se ajustara al tamaño que lo contiene.

OJO! No es lo mas recomendable, ya que la imagen se redimensiona y puede llegar a verse mal, o tener que cargar una imagen muy grande para despues reducirla por css.

Saludos!

[23r9i0]

Hola carscx,
Esta echo asi, pero no me entendistes, el problema lo tengo con los altos de los contenedores ya que como la imagen se redimensiona para ocupar todo el width el height varia y entonces queda un vacio que no deberia en la columna mas pequeña.

[pzin]

Es que es complicado de entender. ¿No puedes poner un ejemplo con código funcional? Y así se vería el problema y esas espacios.

[23r9i0]

Hola pzin,
Lo dejo en standby ya que por lo que me comento quien lo quiere que no estaba convencida, asi que de momento no me comere la cabeza, y esperare para saber como sera el diseño al final.
Saludos