canvis al disseny

src/css/style.css

@@ -88,13 +88,6 @@ h1, h2, h3 {
   object-fit: contain;
 }
 
-.site-header__name {
-  font-family: var(--font-heading);
-  font-size: 1.4rem;
-  font-weight: 700;
-  letter-spacing: 0.05em;
-  color: var(--color-primary);
-}
 
 /* =============================================
    MAIN
@@ -131,7 +124,7 @@ h1, h2, h3 {
    ============================================= */
 .games-grid {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   gap: 1.5rem;
   padding: 1rem 0;
 }
@@ -159,7 +152,7 @@ h1, h2, h3 {
 
 .game-card__image {
   width: 100%;
-  height: 200px;
+  aspect-ratio: 4 / 3;
   background-color: var(--color-accent);
   display: flex;
   align-items: center;
@@ -294,9 +287,9 @@ h1, h2, h3 {
 }
 
 .game-detail__screenshot {
-  width: 320px;
-  min-width: 280px;
-  height: 180px;
+  width: 400px;
+  min-width: 320px;
+  aspect-ratio: 4 / 3;
   object-fit: cover;
   border-radius: var(--radius);
   border: 1px solid var(--color-border);
@@ -483,11 +476,11 @@ h1, h2, h3 {
 }
 
 /* =============================================
-   RESPONSIVE — Tablet (≤ 1024px)
+   RESPONSIVE — Desktop gran (≥ 1200px)
    ============================================= */
-@media (max-width: 1024px) {
+@media (min-width: 1200px) {
   .games-grid {
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(3, 1fr);
   }
 }