Почему в проекте Django + Tailwindcss стили используются в одном файле, а не в другом?

Здесь находится файловая система проекта: введите описание изображения здесь

Все классы работают в этом файле: файл: navbar.html

<nav class="bg-white shadow-lg"> 
    <div class="max-w-6xl max-auto px-4">
      <div class="flex justifly-between">
        <div class="space-x-7">
          <div class="flex">
            <a href="#" class="flex items-center px-2 py-4">
            <img class="h-8 w-8" src="{% static 'myapp/images/logo.png' %}" alt="logo"> 
            <span class="font-semibold text-xl"> Shop </span> 
            </a>
          </div>
          <div class="items-center flex space-x-1">
            <a href="#" class="py-4 px-2 font-semibold border-b-4 border-black ">Sell</a>
            <a href="#" class="py-4 px-2 font-semibold ">Sold</a>
            <a href="#" class="py-4 px-2 font-semibold ">Home</a>
          </div>
        </div>
      </div>
    </div>
  </nav>

В этом файле классы tailwind почему-то не работают. Почему это происходит??? файл: contacts.html

  <div class=" p-10 grid grid-cols-1 sm:grid-cols-1 md:grid-cols-3 xl:grid-cols-3 lg:grid-cols-3 gap-3 ">
    {% for item in items %}   
      <a href="{% url 'site:detail' item.id %}"> 
        <div class=" px-10 py-10 rounded overflow-hidden shadow-lg">
          <img src="{{item.images.url}} " alt="img">
          {{item.name}} {{item.price}} <br>
        </div>
      </a>
    {% endfor %} 
  </div>

Почему tailwind работает в одной части кода и не работает в другой? Даже если оба файла находятся в одной папке.

Вам нужно заставить tailwind работать в файле contacts.html.

Вернуться на верх