make the lost mobile-friendly

This commit is contained in:
Yanick Champoux 2024-02-01 18:06:57 -05:00
parent d66fc12327
commit d9789df147
2 changed files with 13 additions and 2 deletions

View File

@ -77,4 +77,15 @@
td { td {
font-size: var(--font-size-10); font-size: var(--font-size-10);
} }
@media screen and (max-width: 730px) {
h1 {
font-size: var(--font-size-12);
}
p {
font-size: inherit;
margin-left: 1em;
margin-right: 1em;
}
}
</style> </style>

View File

@ -2,11 +2,11 @@
{#each games as game} {#each games as game}
<div class="grid top-align"> <div class="grid top-align">
<a <a
class="s2" class="s12 m2"
target="_blank" target="_blank"
href={`https://boardgamegeek.com/boardgame/${game.bgg_id}`}> href={`https://boardgamegeek.com/boardgame/${game.bgg_id}`}>
<img src={game.thumbnail} height="80" /></a> <img src={game.thumbnail} height="80" /></a>
<div class="grid s10"> <div class="grid s12 m10">
<div class="s8 left-align"> <div class="s8 left-align">
<strong> <strong>
<a <a