websites/dennogumi.org-archive
Archived
1
0
Fork 0
Code Releases Activity
This repository has been archived on 2021-01-06. You can view files and clone it, but cannot push or open issues or pull requests.
dennogumi.org-archive/_posts/design/2014-09-13-grid.md
Moritz »mo.« Sauer 9caed6f788 improved header ›~ now with no-header option
2015-01-13 23:11:29 +01:00

5.4 KiB
Raw Blame History

layout subheadline title description breadcrumb categories header image
page-fullwidth Multi-Device Layouts in Color Grid & Colors Create powerful multi-device layouts quickly and easily with the 12-column, nest-able Foundation grid. To optimize the size of your images, you find the correct dimensions beneath. Further below you find the <a href='#color-scheme-and-colors-codes'>colorscheme and colors</a> used for <em>Feeling Responsive</em> and their color codes. true
design
image_fullwidth
unsplash_brooklyn-bridge_header.jpg
thumb
unsplash_brooklyn-bridge_thumb.jpg

Feeling Responsive is built on Foundation. And of course, we make use of the wonderful grid system and so can you. Find out more about constructing beautiful layouts in the foundation documentation.

Small Grid

Large Displays

Large Displays Two Columns

Large Displays Three Columns

Large Displays Four Columns

Color Scheme and Colors Codes

Feeling Responsive uses strong colors in combination with grey colors.

Colours

Grey Scale