Height + Hover Does Not Play Well about torch-redesign HOT 3 CLOSED

Can't see. Get an Access Denied when I try to download the file. But I think I remember what you're talking about.

I'd recommend capping the featured article element height. Maybe put a Read More link in the bottom-right corner of that fixed space and give it a slight transparent-to-white gradient to its left so that the excess content kinda transitions into the link, and it all looks very smooth and pretty.

Or something else clever.

from torch-redesign.

Fixed via CSS.

from torch-redesign.

Cool beans. I'd consider adding a little bit of a gradient effect at the bottom, since, though it all works out in WebKit browsers, other browsers who render things slightly differently don't end with a nice, clean line break and cut off part of the words.

Speaking of non-WebKit browsers, though you're obviously not the big cross-browser testing stage yet, it's worth keeping in mind that WebKit is ahead in many ways, and so you'll need to hold other browsers' hands. For example, my version of Firefox, though it is a bit outdated, doesn't realize that elements like section, header, article, etc., are block elements, so I added a bit of CSS to give them block by default. Here's hoping your future cross-browser testing is eased :)

Also, when you get to IE, even if you don't want to make it all look quite as beautiful, it needs to look decent. Keep in mind: html5shiv. Elements that IE doesn't recognize cannot be styled unless you run some Javascript voodoo. It's a simple solution to a really big problem, but, if you don't know what the problem is, it can be nasty.

from torch-redesign.