Mike/freno-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

slight layouting shift

Browse Source
This commit is contained in:
Michael Freno
2025-12-22 21:36:49 -05:00
parent e205b78bc9
commit 83684eb2e3
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/routes/index.tsx
View File

@@ -114,15 +114,8 @@ export default function Home() {
> >
Life and Lineage Life and Lineage
</a> </a>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-3"> <div class="flex flex-col gap-4 sm:grid sm:grid-cols-3">
<div class="aspect-auto w-full overflow-hidden rounded-lg"> <div class="aspect-auto w-full overflow-hidden rounded-lg sm:col-span-1">
<img
src="/lineage-home.png"
alt="Life and Lineage Home"
class="h-full w-full object-cover"
/>
</div>
<div class="aspect-auto w-full overflow-hidden rounded-lg">
<video <video
src="/lineage-preview.mp4" src="/lineage-preview.mp4"
class="h-full w-full object-cover" class="h-full w-full object-cover"
@@ -132,6 +125,14 @@ export default function Home() {
playsinline playsinline
/> />
</div> </div>
<div class="grid grid-cols-2 gap-4 sm:col-span-2 sm:grid-cols-2">
<div class="aspect-auto w-full overflow-hidden rounded-lg">
<img
src="/lineage-home.png"
alt="Life and Lineage Home"
class="h-full w-full object-cover"
/>
</div>
<div class="aspect-auto w-full overflow-hidden rounded-lg"> <div class="aspect-auto w-full overflow-hidden rounded-lg">
<img <img
src="/lineage-shops.png" src="/lineage-shops.png"
@@ -140,6 +141,7 @@ export default function Home() {
/> />
</div> </div>
</div> </div>
</div>
<div class="pt-2 text-left text-sm"> <div class="pt-2 text-left text-sm">
Started as a basic project to learn react-native, it grew over Started as a basic project to learn react-native, it grew over
time into a full-fledged mobile game. It's a turn-based time into a full-fledged mobile game. It's a turn-based