Equal height columns with neat

Design Front End Development
1

One of the most confusing CSS concepts for me has always been how to create equal height columns when each column has different amounts of data. I’ve read a number of articles on this concept and the resulting structure always seems overly complex.

Here is an example of one of the solutions I’ve come across:

Are there any neat mixing that can be used to solve this problem in a simpler way? Otherwise, could someone point me to the best practice method for solving this common problem?

2

Oi, that code looks messy. I hate creating html elements for styling, and I haven’t had to do it much since CSS3. I think my answer to this question relates pretty closely to yours as well. Take a look for me and let me know if it helps.