Menu icon Foundation
media-object layout on ipad

I'm using the media-object container to create a list of hotel rooms. Image on the left, text on the right.

When I test layout for mobile via Chrome inspector tools or using blisk browser, the layout is "broken" on ipads in portrait and iphone in landscape. Text in right side is squished into a small column that runs down well below bottom of the image.

I'm using stack-for-small so it looks good on mobile in portrait.

I've even viewed the Zurb docs page for foundation/media-object and they do not seem to layout well either.

 

Any tips, tricks,etc....?

ipad

I'm using the media-object container to create a list of hotel rooms. Image on the left, text on the right.

When I test layout for mobile via Chrome inspector tools or using blisk browser, the layout is "broken" on ipads in portrait and iphone in landscape. Text in right side is squished into a small column that runs down well below bottom of the image.

I'm using stack-for-small so it looks good on mobile in portrait.

I've even viewed the Zurb docs page for foundation/media-object and they do not seem to layout well either.

 

Any tips, tricks,etc....?