Update index.html

index.html

@@ -11,7 +11,7 @@
 <div class="p-12">
   <h2 class="mb-4 inline-flex items-center rounded-full bg-gradient-to-br from-indigo-100 to-white px-3 font-mono text-base text-indigo-700 dark:from-indigo-800 dark:to-black dark:text-indigo-200 md:text-lg">Collection 1</h2>
   <p class="mb-6">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti doloremque quod facilis a consectetur, dolores quo in soluta minus eum libero quae.</p>
-  <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
+  <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5">
     <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
     <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
     <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
@@ -19,12 +19,10 @@
   <div class="h-12"></div>
   <h2 class="mb-4 inline-flex items-center rounded-full bg-gradient-to-br from-green-100 to-white px-3 font-mono text-base text-green-700 dark:from-indigo-800 dark:to-black dark:text-indigo-200 md:text-lg">Collection 2</h2>
   <p class="mb-6">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti doloremque quod facilis a consectetur, dolores quo in soluta minus eum libero quae.</p>
-  <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">
+  <div class="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-4 xl:grid-cols-5">
     <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
     <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
     <a href="https://huggingface.co/spaces/lambdalabs/text-to-naruto" class="h-40 rounded-lg bg-[url('https://thumbnails.huggingface.co/social-thumbnails/spaces/lambdalabs/text-to-naruto.png')] bg-cover bg-center"></a>
   </div>
 </div>
 
-	</body>
-</html>