IntactDev
Member
- Nov 22, 2012
- 399
- 71
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.
Thank's in advance
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.
HTML:
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;
}
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