Bloques no alineados (responsive)
-
Hola,
Ante todo, decir que no soy ni programador, ni tengo conocimientos de css.
En la web del enlace, tengo una breve descripción de las casas, dividido en 2 columnas, que constan de un header, parrafo y shortcode con un listado de iconos y texto.
Cuando la resolucion de la pantalla disminuye, la alineación de los bloques cambia, el listado se desalinea, y queda poco estético, puesto que uno de los parrafos tiene más texto que el otro. Lo que me gustaría es que los headers, parrafos e iconos estuvieran siempre alineados, independientemente de la pantalla.
La manera como he intentado solucionarlo es con CSS-HERO, poniendo a ambos parrafos las misma altura minima a ambos, de la siguiente manera
@media screen and (max-width:1024px) { .wp-block-column p { min-height: 240px; } } @media screen and (max-width:768px) { }
Esta solución me sirve relativamente, puesto que en los dispositivos móviles con pantalla pequeña, mantiene esa altura minima de 204px, y queda bastante mal tambien.
No se si más alla de cambiar las css y el tema, si existe otro tipo de bloque que sirva mejor para esta estructura de pagina que quiero mostrar.
La página con la que necesito ayuda: [accede para ver el enlace]
- El debate ‘Bloques no alineados (responsive)’ está cerrado a nuevas respuestas.