Responsive Images

Need an image that scales with the page and can be centered?
Image

Photo by Adrianna Calvo from Pexels

Example

Simply add a class of "image" and your image will scale automatically
<img src="../assets/img/cameras.jpg" alt="cameras close up" class="image" />
We use the CSS calc() function to scale the image. If you don't wish for the image to be centered, copy the below into your own css and add your own class name. Then play around with the margins or remove then to place you image anywhere.
.your-className{ width: 60%; min-width: calc(1vw + 300px); height: auto; display: block; margin-left: auto; margin-right: auto; }