Django pattern library

patterns/atoms/figure/figure.html

Window sizes

Template source
Template config
Template docs

<figure class="flex flex-col gap-2 max-w-max py-4">
  <img
    src="{{ source }}"
    alt="{{ alt }}"
  >

  {% if caption %}
    <figcaption
      class="text-grey-250 italic text-sm"
    >{{ caption }}</figcaption>
  {% endif %}
</figure>

context:
  source: https://picsum.photos/536/354
  alt: 'Picture of Elephant'
  caption: 'Picture of Elephant'