Equal Height Columns [Pure CSS]

[IntactDev]

Hello DevBest.

I haven't been on recently because I moved to Connecticut from New York, and there are a lot of activities and opportunities available here. I am now getting back into web development, and I am trying to develop a personal website. This is what I have so far (tell me if it looks okay also) and I am working on the content columns. I'm trying to get them to be equal height automatically, rather than having to change the height everytime the content changes. I'm also planning on making this website responsive (once I am complete), so why not incorporate this feature into it.

So, in short, how can I make the four columns equal height automatically? I've tried a few remedies but they just don't seem to work for me. Here is my column CSS.

Spoiler: Columns CSS

div.row {
    width: 100%;
    float: left;
}

div.row div.column-4 {
    min-width: 25%;
    float: left;
    display: inline;
    background-color: #DCF1EB;
}

div.row div.column-4 div.column-text {
    border: solid #85C3AF 1px;
    padding: 15px;
}

Spoiler: Column HTML

<div class="row">
            <div class="column-4">
                <div class="column-text">Working columns :)</div>
            </div>
            <div class="column-4">
                <div class="column-text">Working columns :)<br>Working columns :)<br>Working columns :)<br>Working columns :)<br>Working columns :)<br>Working columns :)<br></div>
            </div>
            <div class="column-4">
                <div class="column-text">Working columns :)</div>
            </div>
            <div class="column-4">
                <div class="column-text">Working columns :)</div>
            </div>
        </div>

Thank's in advance

You must be registered for see images attach

 

[IntactDev]

I solved the problem using the table approach. Here it is for future references.

div.row {
    width: 100%;
    float: left;
    display: table;
}

div.row div.column-4 {
    min-width: 25%;
    background-color: #DCF1EB;
    float: none;
    display: table-cell;
    vertical-align: top;
    border: solid #85C3AF 1px;
}

div.row div.column-4 div.column-text {
    padding: 15px;
}

You must be registered for see images attach

@RastaLulz close thread almighty sir.