Grid 4 membros

Team — bloco Tailwind pronto a copiar.

Instalação

Bloco em HTML + Tailwind — sem dependências de build. Copie e cole diretamente no seu projeto.

html

<section class="bg-white py-20 px-6">
  <div class="max-w-5xl mx-auto">
    <h2 class="text-3xl font-bold text-center mb-12">A equipa por trás do produto</h2>
    <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center">
      <div><img src="https://picsum.photos/seed/team1/160/160" class="w-24 h-24 rounded-full mx-auto mb-3 object-cover" /><h3 class="font-semibold text-sm">Sofia Alves</h3><p class="text-xs text-gray-500">CEO</p></div>
      <div><img src="https://picsum.photos/seed/team2/160/160" class="w-24 h-24 rounded-full mx-auto mb-3 object-cover" /><h3 class="font-semibold text-sm">Tiago Reis</h3><p class="text-xs text-gray-500">CTO</p></div>
      <div><img src="https://picsum.photos/seed/team3/160/160" class="w-24 h-24 rounded-full mx-auto mb-3 object-cover" /><h3 class="font-semibold text-sm">Beatriz Nunes</h3><p class="text-xs text-gray-500">Head of Design</p></div>
      <div><img src="https://picsum.photos/seed/team4/160/160" class="w-24 h-24 rounded-full mx-auto mb-3 object-cover" /><h3 class="font-semibold text-sm">Diogo Faria</h3><p class="text-xs text-gray-500">Head of Sales</p></div>
    </div>
  </div>
</section>