clean up games cards

HoussamMrabet · Jun 18, 2023 · 5d467cb · 5d467cb
1 parent 1a6d4d4
commit 5d467cb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/GameCard.tsx b/src/components/GameCard.tsx
@@ -13,11 +13,11 @@ const GameCard = ({ game }: Props) => {
  <>
  <Image src={getCroppedImageUrl(game.background_image)}/>
  <CardBody>
- <Heading fontSize="md">{game.name}</Heading>
- <HStack justifyContent="space-between">
+ <HStack justifyContent="space-between" marginBottom={3}>
  <PlatformIconList platforms={game.parent_platforms.map(p => p.platform)} />
  <CriticScore score={game.metacritic}/>
  </HStack>
+ <Heading fontSize="md">{game.name}</Heading>
  </CardBody>
  </>
  )

diff --git a/src/components/GameGrid.tsx b/src/components/GameGrid.tsx
@@ -17,7 +17,7 @@ const GameGrid = ({ gameQuery }: Props) => {
  <>
  {error && <Text>{error}</Text>}
  <SimpleGrid
- columns={{ sm: 1, md: 2, lg: 3, xl: 5 }}
+ columns={{ sm: 1, md: 2, lg: 3, xl: 4 }}
  spacing={3}
  paddingY="10px"
  >