Abban / Responsable-Website

Responsable Website
3 stars 0 forks source link

Responsive Images not respecting baseline #3

Open Abban opened 12 years ago

Abban commented 12 years ago

As images are set to width:100%; height:auto; when the column is resized the image fluidly changes height breaking the baseline.

I guess some javascript could be written to calculate the height of the image and add a margin-bottom that keeps it in line.

jimmynotjim commented 12 years ago

Seems this is an issue for just about everyone, including http://fluidbaselinegrid.com/

jimmynotjim commented 12 years ago

Oh, looks like someone has already solved it w/ jquery. http://www.netmagazine.com/tutorials/preserving-vertical-rhythm-css-and-jquery Up to you if it's worth including or not.

Abban commented 12 years ago

I think we leave this out for now.