Custom Grid Framework problem - adds an extra row+max amount of columns
Permalink
My custom grid is acting a bit weird. Every time I add a new layout, I get an extra row+ max amount of columns on top of the columns that I'm trying to make. In this example I'm just trying to add a 50/50 column layout:
I've been trying to figure out why it does that and I just can't wrap my head around it. It mysteriously just adds a random row + grid-12 every time I add a layout. If I delete the 12th from my framework, it adds the 11th (so the max amount of columns available) ... Anyone experienced this or got a clue on what would cause this?
Thanks in advance
- E
<div id="area-1"> <!-- the area where I add the layout --> <div class="row"> <div class="grid-12"> <div class="row"> <div class="grid-6"></div> <div class="grid-6"></div> </div> </div> </div> </div>
I've been trying to figure out why it does that and I just can't wrap my head around it. It mysteriously just adds a random row + grid-12 every time I add a layout. If I delete the 12th from my framework, it adds the 11th (so the max amount of columns available) ... Anyone experienced this or got a clue on what would cause this?
Thanks in advance
- E
