RESPONSIVE IMAGE LABELS

Author:

  • Stephen Lee

Made with:

  • HTML / CSS (SCSS)

About the code:

Using figcaption to add multiple labels to an image. By changing a CSS variable with media queries, the labels can adjust to a wide variety of screen sizes.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Dependencies: 

Download Demo and Code