From a144f2740e31027dc6850443e2d8d527de5d695c Mon Sep 17 00:00:00 2001
From: albdert <albertsen.lindberg@gmail.com>
Date: Wed, 21 Oct 2026 13:29:12 +0200
Subject: [PATCH] =?UTF-8?q?endret=20bildest=C3=B8rrelser=20p=C3=A5=20siden?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/GameCard/GameCard.tsx | 9 ++++++++-
 frontend/src/pages/GameDetail/GameDetail.tsx  | 8 +++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/GameCard/GameCard.tsx b/frontend/src/components/GameCard/GameCard.tsx
index 5c8c3ee..ac4c524 100644
--- a/frontend/src/components/GameCard/GameCard.tsx
+++ b/frontend/src/components/GameCard/GameCard.tsx
@@ -18,6 +18,13 @@ export function GameCard({ game, isFavorite, onToggleFavorite, view = 'list' }:
   const maxGenres = view === 'grid' ? 1 : view === 'list' ? 2 : undefined;
   const meta = [year, game.genres.slice(0, maxGenres).join(', ')].filter(Boolean).join(' · ');
 
+  // albert:
+  // fix: bildestørrelse
+  // Leona, gjerne se over at det funker som det skal og evt. endre hvis du er uenig
+  const imgSuffix = game.backgroundImage?.split("/media/")[1];
+  const imgSize = view==='list'? "200" : view==='grid'? "420": "640";
+  const imgURL = `https://media.rawg.io/media/resize/${imgSize}/-/${imgSuffix}`;
+
   return (
     <article className={`game-card game-card--${view}`}>
       {game.backgroundImage ? (
@@ -25,7 +32,7 @@ export function GameCard({ game, isFavorite, onToggleFavorite, view = 'list' }:
         // loading hindrer at layouten hopper og sparer data ved lange lister.
         <img
           className="game-card__image"
-          src={game.backgroundImage}
+          src={imgURL}
           alt=""
           width={320}
           height={180}
diff --git a/frontend/src/pages/GameDetail/GameDetail.tsx b/frontend/src/pages/GameDetail/GameDetail.tsx
index bb55a10..85c9a9d 100644
--- a/frontend/src/pages/GameDetail/GameDetail.tsx
+++ b/frontend/src/pages/GameDetail/GameDetail.tsx
@@ -93,7 +93,13 @@ export function GameDetail({ favorites, onToggleFavorite }: GameDetailProps) {
     ? new Date(game.released).toLocaleDateString('nb-NO', { dateStyle: 'long', timeZone: 'UTC' })
     : null;
   const websiteHost = hostOf(game.website);
-  const screenshots = game.screenshots.slice(0, MAX_SCREENSHOTS);
+
+  // albert:
+  // fix: bildestørrelse
+  // Leona, gjerne se over at det funker som det skal og evt. endre hvis du er uenig
+  const screenshots = game.screenshots.slice(0, MAX_SCREENSHOTS).map((src) =>
+    `https://media.rawg.io/media/resize/420/-/${src?.split("/media/")[1]}`
+  );
 
   return (
     <main className="main game-detail">