Menu icon Foundation
Grid turns me crazy

Hello,

since hours I try to get a simple grid with four columns but I don't know why I didn't get it.
It's crazy. I tried so many settings and now I gave up.

It's the first tab "Besteller" on my trial domain multistore.jardino.ch. It's a simple grid and I can't find what's wrong.

Mich

grid

Hello,

since hours I try to get a simple grid with four columns but I don't know why I didn't get it.
It's crazy. I tried so many settings and now I gave up.

It's the first tab "Besteller" on my trial domain multistore.jardino.ch. It's a simple grid and I can't find what's wrong.

Mich

Michael Neumayer about 4 years ago

Hi Joshua,

no the divs are okay. Checked this already double and also validator.w3. shows no unclosed or stray elements. Absolutely conform.

In the meantime I think ( because this grid is inside a tab ) there's an conflict with the tab css. Because the tabs are an external solution., not made with Foundation.

Mich

Joshua Smith about 4 years ago

http://codepen.io/joshsmith01/pen/YyZvJM?editors=110

I think you forgot to close divs.

Michael Neumayer about 4 years ago

Hello Joshua,

the code is simple, I think.
How can I attach a screen-shot. ?
But I think the best is to take a look at the page.
I build this page from scratch.
I 'm new to Foundation and so far I don't regret
my decision. But sometimes I stumble into problems
with the grid. And only with the gird. Sometimes
it's a riddle wrapped up in an enigma.

 ``` <div class="row">
<div class="large-3 columns">
<div class="large-3 columns">
<div class="large-3 columns">
<div class="large-3 columns">
</div>

Joshua Smith about 4 years ago

Show us some screenshots or code examples. The community can surely help you but not until we have a starting point.