Skip to content

Commit 16dc797

Browse files
Revised usage example 😎
1 parent 98d4a9d commit 16dc797

File tree

1 file changed

+15
-16
lines changed

1 file changed

+15
-16
lines changed

README.md

Lines changed: 15 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -18,23 +18,9 @@ npm install responsive-css-grid --save-dev
1818

1919
## Usage
2020

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-
3621
```html
3722
<div class="container">
23+
3824
<div class="row clearfix">
3925
<div class="col-2-3"> <!-- column is 2/3 the total width -->
4026
Your content
@@ -43,7 +29,20 @@ These CSS classes for column sizes are specific to the total width of `<div clas
4329
Your content
4430
</div>
4531
</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>
4746
```
4847

4948

0 commit comments

Comments
 (0)