Pattern: figure image

A system-agnostic HTML pattern for a figure element containing an image

What is it?

A figure element with an img element and an optional figcaption.

<figure class="figure--foo">
  <img src="https://unsplash.it/200/300" alt="Foo Image">
  <figcaption>Foo image caption</figcaption>
</figure>

npm run lint - lints Javascript
npm run ava - runs unit tests
npm run nyc - runs unit tests, then runs code coverage
npm test - runs npm pretest first, which runs the linting, then ava, then nyc