Using the Block Grid & uTube videos with Foundation


(Ronnie West) #1

I am getting on with Foundation quite well now but, the Grid has got me confused.
I want to use the Grid to create 3 rows with an embedded uTube video in each one. I have managed to achieve this but I cannot work out how to make the 3 rows fit edge to edge within my maximum site width when previewed in a browser.
I tried to upload a test project but, it didn’t work so I must be doing something wrong!
Any help will be much appreciated.
Ronnie West.


(Robert Ziebol 🖖🏼) #2

Yup, it is possible, see here:
http://www.zeebedesigns.com/block-grid-edge-to-edge
There is a setting for padding, remove it all and do not put it in any column stacks


(r) #3

Did you set padding to 0?


(r) #4

Your too fast @zeebe


(Ronnie West) #5

Thanks for that info!
I changed the settings and things looked much better. With the DW Preview button, it looked good but, when previewed in a Browser, the first and third video extended outside of the page width.


(Robert Ziebol 🖖🏼) #6

Drop the Block Grid in a 1 column stack. I mis-read your original post. I was thinking edge to edge of the browser. My mistake.


(Ronnie West) #7

Hi zeebe,
Tried that and it has now prevented the grid from extending to fit page.