https://github.com/dbbrandt/css-grid-example
Layout of the Holy Grail page using Grid CSS.
https://github.com/dbbrandt/css-grid-example
Last synced: 3 months ago
JSON representation
Layout of the Holy Grail page using Grid CSS.
- Host: GitHub
- URL: https://github.com/dbbrandt/css-grid-example
- Owner: dbbrandt
- Created: 2019-11-08T17:21:32.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2019-11-08T17:38:19.000Z (over 5 years ago)
- Last Synced: 2025-01-03T19:22:19.798Z (5 months ago)
- Language: CSS
- Size: 15.6 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# css-grid-example
This css code leveraging Grid does the layout for a responive design, single page app.
It support four media sizes.
Web Views (Normal and wide)
1. Left Navigation bar
* Six navigation sections with fixed height
2. Top application header (right navigation bar)
3. Main content area (right of navigation and below header)
4. Footer
5. Fixed maximum width
Mobile Views (Phone and tablet)
1. Top application header
2. Main content area
3. Navigation bar with six fixed width navigation sections
4. Footer
Instruction:
Clone the repo and view index.html.