Equalizar alturas

No exemplo abaixo, os títulos e as caixas verdes estão com a mesma altura, independente de seus conteúdos.

Para que isso aconteça:

  • Identificamos uma classe comum a todos os título: .titulo
  • A mesma coisa foi feita para os sumários: .sumario
  • Encontramos um elemento que seja 'pai' de todos os outros, e adicionamos nele as classes '.equalizar-alturas-titulo' e 'equalizar-alturas-sumario'
  • Quando a página é carregada, é executado um javascript que ajusta as alturas.
  • Este mesmo script é disparado toda vez que o browser é redimensionado.