I’m not sure what happened to cause that exactly, but I do know a couple ways to fix it. The easy way is to make the Home Feature 2 (hf2) have a min-height so it is equally as long as hf1 and hf3. If you add this to your hf2 css on line 1262 it would fix it –
.home-feature-2 {
background: #f2f2f2;
float: left;
min-height: 1308px;
text-align: center;
width: 33.3%;
}
Adding min-height: 1308px; pushes it down to be even with the others. Now this is the easiest way. The hard way is to go through and adjust hf1, hf2, hf3 margin and padding for the bottom of the widgets. For example, each widget has a margin/padding which adds space, and since your hf1 and hf3 are longer the hf2 gets left behind (I know you’re already aware of this).
.home-feature-1 .widget {
margin: 0 0 60px;
overflow: hidden;
}
You also have to consider the .featured-content .entry code (around line 1500).
Personally, I’d take the easy route and just add a minimum height for hf2 and have it adjust in different browser sizes if needed, then I wouldn’t have to adjust everything else.
.
