Menu icon Foundation
How to create new grid class dimension?

Hello, i'm using foundation 5 and i need to create a new grid class wich stay between 2 existent class.

 

For example, we have SMALL-2, SMALL-3 ... i need a SMALL-2,5 with percentage low than SMALL-3 but up than SMALL-2.

Wich is the corret way ?

I'm trying to add this code to personalized MyApp.css, wich overwrite foundation base class....

.small-2-5 {
    width: 23%; }

.medium-9-5 {
    width: 77%; }

.large-9-5 {
    width: 77%; }

 

Foundation 5gridclass

Hello, i'm using foundation 5 and i need to create a new grid class wich stay between 2 existent class.

 

For example, we have SMALL-2, SMALL-3 ... i need a SMALL-2,5 with percentage low than SMALL-3 but up than SMALL-2.

Wich is the corret way ?

I'm trying to add this code to personalized MyApp.css, wich overwrite foundation base class....

.small-2-5 {
    width: 23%; }

.medium-9-5 {
    width: 77%; }

.large-9-5 {
    width: 77%; }

 

Stefano Ravagni about 2 years ago

Hello and thanks for your reply.... no, i have to create a new grid class because i need a solution with 2.5 columns + 9.5 columns....the 3 columns + 8 columns is not good for me so i would create new class...

...but i found some issue when view in small situation...were i put a small-12 columns...so it will be a 100% of the page but wannot run....

Ensayos Tube about 2 years ago

Can be a solution?

        width: 100%;

height: 50px;

position: relative;

top: 0;

left: 0;