endret bildestørrelser på siden

frontend/src/components/GameCard/GameCard.tsx

@@ -18,14 +18,21 @@ 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 ? (
         // alt="" fordi tittelen allerede beskriver kortet. Fast størrelse og lazy
         // 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}

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">