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?
Sunday, July 27, 2014 at 10:51 AM EST
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.
And here another solution clearing floats with overflow CSS propertie.
Create an Account
Get up to speed FAST, learn straight from the experts who built Foundation.
Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.
Or if you prefer, contact the Foundation Team at [email protected] or (408) 341-0600 x635