Grav - Media queries

Description

Using media queries in your attributes, you can use different widths on devices. In this process, you don’t have to create multiple images as they get created automatically. If your browser does not support src set, then it displays the original image.

Example

![](/images/maxresdefault.jpg?derivatives = 320, 1440, 100&sizes = %28max - width % 3A26em % 29 + 100vw % 2C + 50vw)

Output

The above code will generate the following output −