Snippets: CSS

Proportional scaling of a container

There is more detail at the reference link for complex containers. .parent { height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; } .child { position: [...]
CSS | Type: CSS

Pseudo Classes

Some very handy classes and selectors to know.
CSS | Type: CSS

Pure CSS triangle

Creates a triangle shape with nothing but CSS. Note that the border placement and color dictates triangle color and direction of pointer (opposite the visible border).
CSS | 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