Question

I'm creating a simple to use responsive grid and at the moment have following code

.column {
    display: block;
    float:left;
}

.column.12 {
    width: 100%;
}

/* .. */

.column.6 {
    width: 50%;
}

/* .. */

Where integer relates to different size of a column

<div class="column 12"></div>

Above is an example usage.

Was it helpful?

Solution

No. Class names cannot start or be digits. An alternative would be to make class names that end with digits to signify their meaning.

.column12 {
    width: 100%;
}

.column6 {
    width: 50%;
}
Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top