tieHeights()

Explicación

¿Cómo se utiliza?
Primero incluir el js en la carpeta vendor de tu proyecto. Luego se debe instanciar la funcion tieHeights(), pasándole el id y/o class de los objetos que a los que se les quiere empatar el alto. Por ejemplo:

• Ajuste de títulos: tieHeights('#items .item h2');
• Ajuste de textos: tieHeights('#items .item .text');
• Ajuste de fechas: tieHeights('#items .item .date');

Importante: El uso correcto es instanciar la función en los eventos load y resize del documento.

• load/ready: Para hacer los ajustes de alto iniciales.
• resize: Para hacer los ajustes de alto al resizear el browser y para que los altos empatados se desactiven al pasar a resoluciones portrait, ya que en este caso no tiene sentido estético empatar los altos, sino lo contrario.
  
  Nota: Si la estética en general de un sitio requiere que la web sea recargada para que se ajuste al nuevo tamaño del browser, quiere decir que la solución implementada no es satisfactoria para la calidad de producto deseada por Trenders.

¿Cómo funciona?
La técnica mas sencilla es la más eficaz: Esto quiere decir que para solucionar cosas simples, no siempre es necesario incluir extensas librerías o plugins (que encima no funcionan o no las implementan bien).

En este caso de los altos que venimos con el mismo problema en todos los proyectos, basta con pocas líneas de javascript, donde se recorren los objetos indicados al instanciar la función y se va fijando cual tiene el mayor alto. Por último aplica dicho alto a todos los objetos.