Teams
With small images
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 m-10">
<article class="flex space-x-5 items-center">
<img class="w-32 h-32 rounded-full"
src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<div>
<h3 class="mt-3 font-semibold">Joe</h3>
<h4 class="text-gray-600">Senior Artist</h4>
<div class="flex justify-center space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</div>
</article>
<article class="flex space-x-5 items-center">
<img class="w-32 h-32 rounded-full"
src="https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<div>
<h3 class="mt-3 font-semibold">Mark</h3>
<h4 class="text-gray-600">Tech Support</h4>
<div class="flex justify-center space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</div>
</article>
<article class="flex space-x-5 items-center">
<img class="w-32 h-32 rounded-full"
src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<div>
<h3 class="mt-3 font-semibold">Andy</h3>
<h4 class="text-gray-600">Cheif Officer</h4>
<div class="flex justify-center space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</div>
</article>
</section>Left aligned with Large Images and Text
<section class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 m-10">
<article>
<img src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<h3 class="mt-3 font-semibold">Joe</h3>
<h4 class="text-gray-600">Senior Artist</h4>
<p class="text-sm mt-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt
ut labore et
dolore magna
aliqua.</p>
<div class="flex space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</article>
<article>
<img src="https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<h3 class="mt-3 font-semibold">Mark</h3>
<h4 class="text-gray-600">Tech Support</h4>
<p class="text-sm mt-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt
ut labore et
dolore magna
aliqua.</p>
<div class="flex space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</article>
<article>
<img src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<h3 class="mt-3 font-semibold">Andy</h3>
<h4 class="text-gray-600">Cheif Officer</h4>
<p class="text-sm mt-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt
ut labore et
dolore magna
aliqua.</p>
<div class="flex space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</article>
</section>Center aligned with Images
<section class="space-y-10 md:space-y-0 md:space-x-10 flex flex-col md:flex-row justify-between items-center m-10">
<article class="max-w-xs text-center">
<img class="rounded-full"
src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<h3 class="mt-3 font-semibold">Joe</h3>
<h4 class="text-gray-600">Senior Artist</h4>
<div class="flex justify-center space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</article>
<article class="max-w-xs text-center">
<img class="rounded-full"
src="https://images.unsplash.com/photo-1531427186611-ecfd6d936c79?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<h3 class="mt-3 font-semibold">Mark</h3>
<h4 class="text-gray-600">Tech Support</h4>
<div class="flex justify-center space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</article>
<article class="max-w-xs text-center">
<img class="rounded-full"
src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=facearea&facepad=3&w=512&h=512&q=80"
alt="person">
<h3 class="mt-3 font-semibold">Andy</h3>
<h4 class="text-gray-600">Cheif Officer</h4>
<div class="flex justify-center space-x-5 mt-5">
<a href="https://instagram.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/instagram-new.png" />
</a>
<a href="https://facebook.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/facebook-new.png" />
</a>
<a href="https://linkedin.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/linkedin-2.png" />
</a>
<a href="https://twitter.com" target="_blank" rel="noopener noreferrer">
<img src="https://img.icons8.com/fluent/30/000000/twitter.png" />
</a>
</div>
</article>
</section>