Image Stylesheet (Basic)

Image Classes

• img-half-left, img-third-left, img-quarter-left, img-half-right, img-third-right, img-quarter-right
  • Float images to left or right. Keeps width of 50% on desktop for half, 33% for third, and 25% for quarter. All are 100% width on mobile.
  • Example: <img class="img-half-left" />

Figure Classes

• fig
  • A centered figure if image is not large enough to span full width of page. Image will always have a minimum width of 50% if it is too small and a maximum width of 100% if too large.
  • Example: <figure class="fig">...</figure>
• fig-half-left, fig-third-left, fig-quarter-left, fig-half-right, fig-third-right, fig-quarter-right
  • Float figures to left or right. Keeps width of 50% on desktop for half, 33% for third, and 25% for quarter. All are 100% width on mobile.
  • Example: <figure class="fig">...</figure>