E02-CSS/grid.css at master · Thalesmn2004/E02-CSS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
.container {
}
.row {
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
    float: left;
    padding: 0 1% 0 1%;
}
.col1 {
    width: 6%;
}
.col2 {
    width: 14%;
}
.col3 {
    width: 22%;
}
.col4 {
    width: 30%;
}
.col5 {
    width: 38%;
}
.col6 {
    width: 46%;
}
.col7 {
    width: 54%;
}
.col8 {
    width: 62%;
}
.col9 {
    width: 70%;
}
.col10 {
    width: 78%;
}
.col11 {
    width: 86%;
}
.col12 {
    width: 94%;
}
@media screen and (max-width: 960px) {
    .colmd1, .colmd2, .colmd3, .colmd4, .colmd5, .colmd6, .colmd7, .colmd8, .colmd9, .colmd10, .colmd11, .colmd12 {
        float: left;
        padding: 0 1% 0 1%;
    }
    .colmd1 {
        width: 6%;
    }
    .colmd2 {
        width: 14%;
    }
    .colmd3 {
        width: 22%;
    }
    .colmd4 {
        width: 30%;
    }
    .colmd5 {
        width: 38%;
    }
    .colmd6 {
        width: 46%;
    }
    .colmd7 {
        width: 54%;
    }
    .colmd8 {
        width: 62%;
    }
    .colmd9 {
        width: 70%;
    }
    .colmd10 {
        width: 78%;
    }
    .colmd11 {
        width: 86%;
    }
    .colmd12 {
        width: 94%;
    }
}
@media screen and (max-width: 568px) {
    .colsm1, .colsm2, .colsm3, .colsm4, .colsm5, .colsm6, .colsm7, .colsm8, .colsm9, .colsm10, .colsm11, .colsm12 {
        float: left;
        padding: 0 1% 0 1%;
    }
    .colsm1 {
        width: 6%;
    }
    .colsm2 {
        width: 14%;
    }
    .colsm3 {
        width: 22%;
    }
    .colsm4 {
        width: 30%;
    }
    .colsm5 {
        width: 38%;
    }
    .colsm6 {
        width: 46%;
    }
    .colsm7 {
        width: 54%;
    }
    .colsm8 {
        width: 62%;
    }
    .colsm9 {
        width: 70%;
    }
    .colsm10 {
        width: 78%;
    }
    .colsm11 {
        width: 86%;
    }
    .colsm12 {
        width: 94%;
    }
}