We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
1 parent 5aabd50 commit 40ce71aCopy full SHA for 40ce71a
README.md
@@ -40,6 +40,12 @@ class Profile(models.Model):
40
{% picture profile.picture img_alt="Spiderman" img_loading="lazy" picture_class="my-picture" m=6 l=4 %}
41
```
42
43
+The keyword arguments `m=6 l=4` define the columns the image should take up in
44
+a grid at a given breakpoint. So in this example, the image will take up
45
+6 columns on medium screens and 4 columns on large screens. You can define your
46
+grid and breakpoints as you want, refer to the [grid columns](#grid-columns) and
47
+[breakpoints](#breakpoints) sections.
48
+
49
The template above will render into:
50
```html
51
<picture class="my-picture">
0 commit comments