make the lost mobile-friendly
This commit is contained in:
parent
d66fc12327
commit
d9789df147
@ -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>
|
||||||
|
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user