Django pattern library

patterns/molecules/articles/small_article_preview.html

Window sizes

Template source
Template config
Template docs

<div class="flex">
  <img
      src="{{ image_url }}"
      alt=""
      class="mr-4 h-36 w-36"
  >
  <div class="flex flex-col justify-between items-start">
    <div class="flex flex-col gap-2.5">
      <span class="text-sm text-grey-250 lg:text-base">{{ date }}</span>
      <h4 class="leading-5">
        {{ text }}
      </h4>
    </div>

    {% include 'patterns/atoms/buttons/round_button_small.html' with button_text='Číst dále' %}
  </div>
</div>

context:
  date: '23.2.2022'
  text: 'Komentář lukáše koláříka: kriminalita ve virtuálním prostoru není imaginární, ale skutečná. jak nenaletět internetovým šmejdům?'
  image_url: '../../../../../static/images/person-table.png'