Menu icon Foundation
Panels - Text & Images

I am trying to get some text and a image to fit inside one panel.
The image always overflows the panel; how can I fix this?

http://codepen.io/anon/pen/DtzJf

Thanks

panelstextimageoverflowFoundation-5

I am trying to get some text and a image to fit inside one panel.
The image always overflows the panel; how can I fix this?

http://codepen.io/anon/pen/DtzJf

Thanks

Lyn over 5 years ago

Hey there,

Here is a working demo of what you want : http://codepen.io/Lynesth/pen/KcAkn
A few things come to mind :

1) Do not use the align attribute for image as it's deprecated, use the right class that comes with Foundation instead.

2) If you are using Foundation 4 (as you included in your codepen) then you will have to add the little bit of CSS I wrote down. If you are using Foundation 5, the clearfix class is already defined.

Kind regards,

Lyn.

Maujor over 5 years ago

And here another solution clearing floats with overflow CSS propertie.
http://codepen.io/Maujor/pen/pGkhH