break into single column store on lg devices

This commit is contained in:
DecDuck
2024-10-27 15:30:26 +11:00
parent b2ab827a55
commit ecb381e1ca

View File

@ -19,9 +19,9 @@
{{ game.mName }} {{ game.mName }}
</h1> </h1>
<div class="mt-8 grid grid-cols-1 md:grid-cols-4 gap-10"> <div class="mt-8 grid grid-cols-1 lg:grid-cols-4 gap-10">
<div <div
class="col-start-1 md:col-start-4 flex flex-col gap-y-6 items-center" class="col-start-1 lg:col-start-4 flex flex-col gap-y-6 items-center"
> >
<img class="w-64 h-auto rounded" :src="useObject(game.mCoverId)" /> <img class="w-64 h-auto rounded" :src="useObject(game.mCoverId)" />
<button <button
@ -46,7 +46,7 @@
</div> </div>
</div> </div>
<div class="row-start-2 md:row-start-1 md:col-span-3"> <div class="row-start-2 lg:row-start-1 lg:col-span-3">
<p class="text-lg text-zinc-400"> <p class="text-lg text-zinc-400">
{{ game.mShortDescription }} {{ game.mShortDescription }}
</p> </p>