Update columns, trying to not clip tge art

This commit is contained in:
Bradley Shellnut 2022-07-10 00:14:10 -07:00 committed by GitHub
parent 3b139919f4
commit 82438416a1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -7,7 +7,7 @@
</script>
<article class="game-container" transition:fade>
<div class="game-">
<div class="game-info">
<h2>{game.name}</h2>
<a class="thumbnail" href={game.url}>
<img width="140" height="140" src={game.thumb_url} alt={`Image of ${game.name}`} />
@ -41,7 +41,7 @@
.game-container {
display: grid;
/* grid-template-columns: min-content 1fr; */
grid-template-columns: 0.5fr 1fr;
grid-template-columns: 1fr 1fr;
gap: var(--spacing-16);
padding: var(--spacing-16) var(--spacing-16);
transition: all 0.3s;