<div class="bg-white py-6 sm:py-8 lg:py-12"> <div class="mx-auto max-w-screen-2xl px-4 md:px-8"> <h2 class="mb-4 text-center text-2xl font-bold text-gray-800 md:mb-8 lg:text-3xl">Trusted by the best</h2> <div class="grid grid-cols-2 gap-6 rounded-lg bg-indigo-100 p-6 sm:h-40 sm:content-evenly md:grid-cols-4"> <!-- logo - start --> {% for logo in logos %} <div class="flex justify-center text-indigo-500"> <img class="w-64" src="{{ logo }}" > </div> {% endfor %} <!-- logo - end --> </div> </div> </div>