sjs/grid
1
0
Fork 0
mirror of https://github.com/samsonjs/grid.git synced 2026-04-27 15:07:39 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update README.md

Browse source
This commit is contained in:
Adam Kaplan 2014-02-11 18:07:43 -06:00
parent e85d5bdf98
commit 8f9dfa677e
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -119,8 +119,9 @@ Add size classes to columns to create a reuseable grid system.
width: 21.25%; width: 21.25%;
} }
``` ```
####6. Create Rows ####6. Create Rows
Columns are wrapped in rows to prevent other elements from stacking next to them, otherwise know as clearing issues. Rows are cleared with either a `clearfix` or `overflow: hidden`. This clearfix was created by Nicolas Gallager. Columns are wrapped in rows to prevent other elements from stacking next to them, otherwise know as clearing issues. Rows are cleared with either a `clearfix` or `overflow: hidden`. This clearfix was created by [Nicolas Gallager](http://nicolasgallagher.com/micro-clearfix-hack/).
``` ```
.clearfix:before, .clearfix:before,
@ -158,6 +159,7 @@ Columns are wrapped in rows to prevent other elements from stacking next to them
</div> </div>
</div> </div>
``` ```
####7. Add a Mobile Breakpoint ####7. Add a Mobile Breakpoint
If the browser's screen size is within a set range, a media query will replace the CSS the browser uses. This is the bread and butter of responsive web design. If the browser's screen size is within a set range, a media query will replace the CSS the browser uses. This is the bread and butter of responsive web design.