Menu icon Foundation
Layout help needed

Hello,

 

i would like to know, what is the best way to create this layouts with fondation 6.4 xy-grid

Desktop:

- content (menu and image) is aligned centered vertical

- image is aligned centered horizontal

- image navigation (title, date, location) below image

Layout Desktop

Smartphone:

- menu, image, image navigation are stacked

- top, bottom, left, right are small gaps between border of sth screen and the content, maybe 3 px

Layout smartphone

Thank you

layout6.4xygrid

Hello,

 

i would like to know, what is the best way to create this layouts with fondation 6.4 xy-grid

Desktop:

- content (menu and image) is aligned centered vertical

- image is aligned centered horizontal

- image navigation (title, date, location) below image

Layout Desktop

Smartphone:

- menu, image, image navigation are stacked

- top, bottom, left, right are small gaps between border of sth screen and the content, maybe 3 px

Layout smartphone

Thank you

Katie about 2 years ago

Hi Lars,

I think you want to look at the Grid Frame, which should give you exactly what you seem to be asking for.

http://foundation.zurb.com/sites/docs/xy-grid.html#grid-frame

I hope this helps.

K