<article {{ attributes.addClass('article grid grid-cols-12') }}>
  {% if image %}
    <div class="article__image col-span-12 mb-6">
      {{ image }}
    </div>
  {% endif %}
  <div class="article__content col-span-12 lg:col-span-8 lg:col-start-3">
    <h1 class="article__title">{{ title }}</h1>
    <div class="article__meta flex flex-wrap items-center gap-4">
      {{ publish_date }}
      {{ author }}
    </div>
    {% if body %}
      <div class="article__body">
        {{ body }}
      </div>
    {% endif %}
    {% if tags %}
      <div class="article__tags flex flex-wrap gap-2">
        {{ tags }}
      </div>
    {% endif %}
  </div>
</article>
