Last active
December 13, 2015 22:49
-
-
Save bohman/4986922 to your computer and use it in GitHub Desktop.
Small responsive easter egg. Do with it as you wish.
This file contains 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
/* | |
This is pretty much the smallest you can make the firefox screen without programmatically setting the width. | |
Chrome and Safari prevents you from going below 400px. An iPhone is 320px, and the smallest Android about 240px IIRC. | |
The site is pretty much useless like this, so... have an egg. | |
*/ | |
@media only screen and (max-width: 92px) { | |
body * { | |
display: none; | |
} | |
body:after { | |
content: "Help! I'm smaller than a Mini Cooper!"; | |
padding: 20px 10px; | |
display: block; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment