grid-cols-3 for mobile screens

This commit is contained in:
Oliver Bryan
2025-10-29 01:14:49 +00:00
parent 4d6c6184aa
commit 992826b9f4
3 changed files with 3 additions and 3 deletions

View File

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

View File

@@ -65,7 +65,7 @@ export const metadata = {
<div class="mt-4">
<h2 class="text-2xl text-ayu-accent mb-3">Demo</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
<Demo
image="/images/good-morning/notice.png"
title="Notice from partner"

View File

@@ -308,7 +308,7 @@ body {
transition:
color 0.1s,
border-color 0.1s;
margin-bottom: 16px;
margin-bottom: 8px;
}
.link-project-page:hover {
color: var(--ayu-blue-600);