less columns for image grids

This commit is contained in:
Oliver Bryan
2025-10-27 02:35:46 +00:00
parent 02598c17ba
commit 6bfc04f61c
4 changed files with 5 additions and 15 deletions

View File

@@ -62,9 +62,7 @@ export const metadata = {
<div class="mt-4"> <div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2> <h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
<div <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
>
<Demo <Demo
image="/images/glimpse/feed.png" image="/images/glimpse/feed.png"
title="Feed view" title="Feed view"

View File

@@ -49,9 +49,7 @@ export const metadata = {
<div class="mt-4"> <div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Gameplay</h2> <h2 class="text-2xl text-ayu-accent mb-3">Gameplay</h2>
<div <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
>
<Demo <Demo
image="/images/mizu/card.png" image="/images/mizu/card.png"
title="Card (Large image)" title="Card (Large image)"
@@ -99,9 +97,7 @@ export const metadata = {
<div class="mt-4"> <div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Pre-Production</h2> <h2 class="text-2xl text-ayu-accent mb-3">Pre-Production</h2>
<div <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
>
<Demo <Demo
image="/images/mizu/forage-design.png" image="/images/mizu/forage-design.png"
title="Forage Design" title="Forage Design"

View File

@@ -58,9 +58,7 @@ export const metadata = {
<div class="mt-4"> <div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2> <h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
<div <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
>
<Demo <Demo
image="/images/prayerbud/pre-login.png" image="/images/prayerbud/pre-login.png"
title="Front page / pre-login" title="Front page / pre-login"

View File

@@ -35,9 +35,7 @@ export const metadata = {
<div class="mt-4"> <div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2> <h2 class="text-2xl text-ayu-accent mb-3">Screenshots</h2>
<div <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4"
>
<Demo image="/images/shleep/1.png" title="1" type="boxed" /> <Demo image="/images/shleep/1.png" title="1" type="boxed" />
<Demo image="/images/shleep/2.png" title="2" type="boxed" /> <Demo image="/images/shleep/2.png" title="2" type="boxed" />
<Demo image="/images/shleep/3.png" title="3" type="boxed" /> <Demo image="/images/shleep/3.png" title="3" type="boxed" />