Tables
Tables aren't gone. We're just not laying out sites with them anymore. Thank heavens. Tables are awesome for presenting data and even more awesome when you use our styles!
Standard Tables
This is our standard table. Versatile enough for your friends, yet clean enough to invite your mom.
| # | Bible Version | Engagement | Locations |
|---|---|---|---|
| 1 | ESV | 79% | 5 |
| 2 | CEV | 60% | 7 |
| 3 | NKJV | 20% | 7 |
Full Width Tables
Just slap on a class .wide and there's room for even more friends. Or you just want to balance our your page.
| # | Bible Version | Engagement | Locations |
|---|---|---|---|
| 1 | ESV | 79% | 5 |
| 2 | CEV | 60% | 7 |
| 3 | NKJV | 20% | 7 |
Striped Tables
If you have a large table it can be difficult to follow the rows across and keep things in visual order without the help to some color guidance. You can tack on a .striped to get alternating rows using CSS3 :nth-child(even) psuedo classes.
| # | Bible Version | Engagement | Locations |
|---|---|---|---|
| 1 | ESV | 79% | 5 |
| 2 | CEV | 60% | 7 |
| 3 | NKJV | 20% | 7 |
| 4 | KJV | 10% | 7 |