the matrix loading

This page is coding related.

Switch your preference toggle to "dev view" in the header to see this content

Return to the homepage

Responsive images

Images in Cirrus are made responsive with `.img-fluid`. `max-width: 100%;` and `height: auto;` are applied to the image so that it scales with the parent element.

PlaceholderResponsive image
<img src="..." class="img-fluid" alt="Responsive image">
SVG images and Internet Explorer

In Internet Explorer 10 and 11, SVG images with `.img-fluid` are disproportionately sized. To fix this, add `width: 100%;` or `.w-100` where necessary. This fix improperly sizes other image formats, so Cirrus doesn't apply it automatically.