Images

In Codebase, images are set with max-width: 100% so that large images are “responsive”, shrinking to fit within containers (or viewports) narrower than the actual image width. This is done so that oversized images do not break your webpage layout.

The image below is wider than this column of text, but it made to downsize proportionately to the width of the wrapper.

<img src="" alt="">

An image with a <figcaption>, all enclosed in <figure>:

Here is the caption for the image above.

<figure>
  <img src="" alt=""> 
  <figcaption>Here is the caption for the image above.</figcaption>
</figure>