gridbrandtailwindresponsivehoverlogosshowcase

Responsive Brand Name Grid with Hover Highlight

Адаптивная сетка брендов на Tailwind CSS с подсветкой при наведении. Идеально для отображения логотипов клиентов, партнеров или спонсоров.

Live Preview

Prompt

<div class="grid grid-cols-3 sm:grid-cols-4 lg:grid-cols-7 gap-4 mt-8 mb-8 items-center">
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-normal tracking-tighter">TechFlow</span>
              </div>
              
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-bold tracking-tighter font-bricolage">Nexus Labs</span>
              </div>
              
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-semibold tracking-tighter font-merriweather">DataSync</span>
              </div>
              
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-normal tracking-tighter font-instrument-serif">VisionCorp</span>
              </div>
              
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-semibold tracking-tighter font-playfair">CloudBase</span>
              </div>
              
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-normal tracking-tighter">InnovateTech</span>
              </div>
              
              <div class="flex gap-3 hover:text-white transition-colors duration-300 text-zinc-400 items-center justify-center">
                  
                  <span class="text-lg font-bold tracking-tighter">FlowState</span>
              </div>
          </div>

All Prompts