Flexbox Youtube Thumbnail Grid
See the Pen Flexbox Youtube Thumbnail Grid by ControlledChaos (@ControlledChaos) on CodePen.
Flexbox Youtube Thumbnail Grid
Description: Responsive flexbox unordered list grid of YouTube video thumbnails with Fancybox links. Uses a 9kb image with a 16:9 aspect ratio to be able to use the YouTube thumbnails as a background image, without seeing those black letterbox bars at the top and bottom. This also makes the video thumbnails fluid when resizing the browser.
Browsers: Chrome Edge Firefox Opera Safari
Made with: HTML CSS (SCSS) JavaScript
Dependencies: jquery.fancybox-three.css jquery.js jquery.fancybox-three.js
Posted: 6.11.2016