Last active
February 5, 2020 03:15
-
-
Save pinkhominid/e2a3f5ae4b5a910f3a0c9efda282e97c to your computer and use it in GitHub Desktop.
Minimal 2020 Header/Main Starter (w/full document element scrolling)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <head> | |
| <!-- See 2020 CSS Starter https://gist.github.com/pinkhominid/c59aa716fb9598d3e547a87305ef198d --> | |
| <link rel=stylesheet href=https://gist.githubusercontent.com/pinkhominid/c59aa716fb9598d3e547a87305ef198d/raw/08f50f2d48074414d67e378f302be4bb31231170/starter.css> | |
| <style> | |
| body { | |
| display: flex; | |
| flex-direction: column; | |
| } | |
| header { | |
| position: sticky; | |
| top: 0; | |
| left: 0; | |
| width: 100vw; | |
| align-self: flex-start; | |
| } | |
| main { | |
| flex-grow: 1; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <header> | |
| </header> | |
| <main> | |
| </main> | |
| </body> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment