From 7703e3286f880397782592a647d3257480c02032 Mon Sep 17 00:00:00 2001
From: Arto Reinik <artoreinik@gmail.com>
Date: Tue, 7 Oct 2025 18:58:02 +0300
Subject: [PATCH] make mini tournament images 16:9

---
 src/app/[locale]/turniirid/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/[locale]/turniirid/page.tsx b/src/app/[locale]/turniirid/page.tsx
index 8227bd8..553e334 100644
--- a/src/app/[locale]/turniirid/page.tsx
+++ b/src/app/[locale]/turniirid/page.tsx
@@ -124,7 +124,7 @@ export default async function Tourney({
                 </a>
               </div>
             </div>
-            <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-8">
+            <div className="grid grid-cols-2 md:grid-cols-3 gap-8">
               {miniTournaments.map((tournament) => (
                 <div key={tournament.name} className="text-center">
                     <Image
@@ -132,7 +132,7 @@ export default async function Tourney({
                       alt={tournament.name}
                       width={400}
                       height={300}
-                      className={`border-10 border-[#00A3E0] bg-black object-cover w-full h-48 -skew-x-2 md:-skew-x-5 ${
+                      className={`border-10 border-[#00A3E0] bg-black object-cover w-full aspect-video -skew-x-2 md:-skew-x-5 ${
                         tournament.objectPosition || "object-center"
                       }`}
                     />