File tree Expand file tree Collapse file tree 1 file changed +15
-16
lines changed Expand file tree Collapse file tree 1 file changed +15
-16
lines changed Original file line number Diff line number Diff line change @@ -18,23 +18,9 @@ npm install responsive-css-grid --save-dev
18
18
19
19
## Usage
20
20
21
- ### Classes
22
-
23
- These CSS classes for column sizes are specific to the total width of ` <div class="container"> ` :
24
-
25
- | class | column width |
26
- | ---| ---|
27
- | ` .col-1-2 ` | half |
28
- | ` .col-2-3 ` | two-thirds |
29
- | ` .col-1-3 ` | one-third |
30
- | ` .col-1-4 ` | one-fourth |
31
- | ` .col-1-8 ` | one-eighth |
32
-
33
-
34
- ### Markup
35
-
36
21
``` html
37
22
<div class =" container" >
23
+
38
24
<div class =" row clearfix" >
39
25
<div class =" col-2-3" > <!-- column is 2/3 the total width -->
40
26
Your content
@@ -43,7 +29,20 @@ These CSS classes for column sizes are specific to the total width of `<div clas
43
29
Your content
44
30
</div >
45
31
</div >
46
- ...
32
+
33
+ <div class =" row clearfix" >
34
+ <div class =" col-1-4" > <!-- column is 1/4 the total width -->
35
+ Your content
36
+ </div >
37
+ <div class =" col-1-2" > <!-- column is 1/2 the total width -->
38
+ Your content
39
+ </div >
40
+ <div class =" col-1-4" > <!-- column is 1/4 the total width -->
41
+ Your content
42
+ </div >
43
+ </div >
44
+
45
+ </div >
47
46
```
48
47
49
48
You can’t perform that action at this time.
0 commit comments