{{ define "main" }}
<article class="article-main">
  <style>
    .article-main .content {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
      gap: 16px;
      justify-content: center;
      background: var(--bg-color);
      font-size: 15px;
    }

    @media (min-width: 1024px) {
      .article-main .content {
        grid-template-columns: repeat(5, 1fr);
      }
    }

    @media (max-width: 480px) {
      .article-main .content {
        grid