Commit 16dc797

committed

Revised usage example 😎

1 parent 98d4a9d commit 16dc797Copy full SHA for 16dc797

File tree

+15

-16

lines changed

+15

-16

lines changed

Lines changed: 15 additions & 16 deletions

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`

Comments

(0)