Menu icon Foundation
Full width pages

Hi,

I'm currently experimenting with various layouts and wondered how i go about my images etc full width?

At the moment i'm struggling to see how i do this.

I would like the SLIDE IMAGE to by full width across my page.

Thanks!

Screenshot 2014 03 18 16.11.07

width

Hi,

I'm currently experimenting with various layouts and wondered how i go about my images etc full width?

At the moment i'm struggling to see how i do this.

I would like the SLIDE IMAGE to by full width across my page.

Thanks!

Screenshot 2014 03 18 16.11.07

Wing-Hou Chan gave the most helpful answer for this post
Wing-Hou Chan over 5 years ago

Hey Dean!

Make sure the parents of your img are width: 100% and then you can img { width: 100%; height: auto; }.

Wing-Hou Chan over 5 years ago

Hey Dean!

Make sure the parents of your img are width: 100% and then you can img { width: 100%; height: auto; }.

Bruno Macabeus over 5 years ago

Erase the line in foundation.css "max-width: 90.063em;" within the class "row"

Or add this in your css

.row {
    max-width: none !important;
}