Skip to content

Instantly share code, notes, and snippets.

View Orrison's full-sized avatar
👁️‍🗨️

Kevin Ullyott Orrison

👁️‍🗨️
View GitHub Profile
@Orrison
Orrison / autoplayingVideoBackground
Created October 8, 2018 20:43
Autoplaying video background for mobile and desktop
<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
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)
/*------------------------------------------
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) { }