logogridtailwindresponsivemarketingsection

Responsive Client Logo Grid with Tailwind

Адаптивная сетка логотипов клиентов (2-6 колонок) с Tailwind CSS. Кликабельные логотипы для секций "наши клиенты" или "партнеры" на лендингах.

Live Preview

Prompt

<div class="mt-6 pt-6 pr-6 pb-6 pl-6 w-full">
  <div class="text-center">
    <p class="uppercase text-sm font-medium text-zinc-400 tracking-wide">Powering the world’s most focused product teams
    </p>
  </div>
  <div class="grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-6 mt-6">

    <a href="#"
      class="inline-flex items-center justify-center h-[40px] w-[150px] bg-center mix-blend-multiply bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/1040d3ec-8da2-47f6-b134-1341261ccfb9_320w.jpg)] bg-cover rounded invert"></a><a
      href="#"
      class="inline-flex items-center justify-center h-[40px] w-[150px] bg-center mix-blend-multiply bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/ca43984b-3298-41bb-871b-d113545c657c_320w.jpg)] bg-cover rounded invert"></a>
    <a href="#"
      class="inline-flex items-center justify-center h-[40px] w-[150px] bg-center mix-blend-multiply bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/33a31345-28f8-4702-985f-4c087c82987d_320w.jpg)] bg-cover rounded invert"></a>

    <a href="#"
      class="inline-flex items-center justify-center h-[40px] w-[150px] bg-center mix-blend-multiply bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/07ee863a-59fe-4785-a806-5592f2439df2_320w.jpg)] bg-cover rounded invert"></a><a
      href="#"
      class="inline-flex items-center justify-center h-[40px] w-[150px] bg-center mix-blend-multiply bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/62da197c-b71a-4478-9ce5-ded8ced2b11b_320w.jpg)] bg-cover rounded invert"></a>
    <a href="#"
      class="inline-flex items-center justify-center h-[40px] w-[150px] bg-center mix-blend-multiply bg-[url(https://hoirqrkdgbmvpwutwuwj-all.supabase.co/storage/v1/object/public/assets/assets/3347b589-6a0c-4520-a84f-11a867a72d7f_320w.jpg)] bg-cover rounded invert"></a>
  </div>
</div>

All Prompts