Commit 6c96d31

committed

Updated README 👷🏼

1 parent 14669f7 commit 6c96d31Copy full SHA for 6c96d31

File tree

+32

-2

lines changed

+32

-2

lines changed

Lines changed: 32 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,2 +1,32 @@`
`1`		`-# responsive-css-grid`
`2`		`-Easy responsive CSS grid`
	`1`	`+# Responsive CSS Grid`
	`2`	`+`
	`3`	+A straightforward 8-column fluid layout based on `box-sizing`.
	`4`	`+`
	`5`	`+`
	`6`	`+## Classes`
	`7`	`+`
	`8`	+These CSS classes for column sizes are specific to the total width of `<div class="container">`:
	`9`	`+`
	`10`	`+\| class \| column width \|`
	`11`	`+\|---\|---\|`
	`12`	+\| `.col-1-2` \| half \|
	`13`	+\| `.col-2-3` \| two-thirds \|
	`14`	+\| `.col-1-3` \| one-third \|
	`15`	+\| `.col-1-4` \| one-fourth \|
	`16`	+\| `.col-1-8` \| one-eighth \|
	`17`	`+`
	`18`	`+`
	`19`	`+## Example`
	`20`	`+`
	`21`	+```html
	`22`	`+<div class="container">`
	`23`	`+ <div class="row clearfix">`
	`24`	`+ <div class="col-2-3"> <!-- column is 2/3 the total width -->`
	`25`	`+ Your content`
	`26`	`+ </div>`
	`27`	`+ <div class="col-1-3"> <!-- column is 1/3 the total width -->`
	`28`	`+ Your content`
	`29`	`+ </div>`
	`30`	`+ </div>`
	`31`	`+ ...`
	`32`	+```

Comments

(0)