Snippets: Responsive

CSS-only Mobile Menu

Mobile menu that doesn't use javascript. Uses hidden checkbox to toggle state.
CSS, Responsive | Type: CSS

Embed Responsive YouTube Videos

First, the CSS: .youtube-video { aspect-ratio: 16 / 9; width: 100%; } Then add the class to the iframe embed code: <iframe class="youtube-video" src="https://www.youtube.com/embed/xxxxxx" title="YouTube video [...]
CSS, Responsive, Video | Type: CSS

Responsive Data Tables

Brilliant responsive trick for data tables, when you have no choice but to use them.
CSS, Responsive, Tables | Type: CSS

Responsive Table 2

View at link at bottom. This table does not show active CSS and javascript.
CSS, Javascript, Responsive, Tables | Type: CSS