Skip to content

Instantly share code, notes, and snippets.

@Daniel-Walsh

Daniel-Walsh/the-problem.txt

Created November 5, 2020 09:44
Show Gist options
  • Save Daniel-Walsh/c94816dc9fc2d4e071df74b3ccec0281 to your computer and use it in GitHub Desktop.
Save Daniel-Walsh/c94816dc9fc2d4e071df74b3ccec0281 to your computer and use it in GitHub Desktop.
Download ZIP
Use box-shadow to extend your footer when your content doesn't reach the window max-height #css #webdev
Raw
the-problem.txt
-------------------
| | 100px height
| HEADER |
|-----------------|
| |
| MAIN | 500px height
| |
|-----------------|
| |
| FOOTER |
| |
| |
| FOOTER |
-------------------
Raw
the-solution.css
footer {
box-shadow: 0 50vh 0 50vh #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment