Kevin Ullyott Orrison
👁️🗨️
Orrison
/ autoplayingVideoBackground
Created
October 8, 2018 20:43
Autoplaying video background for mobile and desktop
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
| <video class="video" muted="muted" loop="loop" autoplay="autoplay" playsinline> | |
| <source src="video.mp4" type="video/mp4"> | |
| Your browser does not support HTML5 video. | |
| </video> |
Orrison
/ css-media-queries-cheat-sheet.css
Created
March 13, 2018 17:37
— forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
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
| /*------------------------------------------ | |
| Responsive Grid Media Queries - 1280, 1024, 768, 480 | |
| 1280-1024 - desktop (default grid) | |
| 1024-768 - tablet landscape | |
| 768-480 - tablet | |
| 480-less - phone landscape & smaller | |
| --------------------------------------------*/ | |
| @media all and (min-width: 1024px) and (max-width: 1280px) { } | |
| @media all and (min-width: 768px) and (max-width: 1024px) { } |