mirror of
https://github.com/hex248/ob248.com.git
synced 2026-02-08 02:33:02 +00:00
grid-cols-3 for mobile screens
This commit is contained in:
@@ -62,7 +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 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
|
<Demo
|
||||||
image="/images/glimpse/feed.png"
|
image="/images/glimpse/feed.png"
|
||||||
title="Feed view"
|
title="Feed view"
|
||||||
|
|||||||
@@ -65,7 +65,7 @@ export const metadata = {
|
|||||||
|
|
||||||
<div class="mt-4">
|
<div class="mt-4">
|
||||||
<h2 class="text-2xl text-ayu-accent mb-3">Demo</h2>
|
<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
|
<Demo
|
||||||
image="/images/good-morning/notice.png"
|
image="/images/good-morning/notice.png"
|
||||||
title="Notice from partner"
|
title="Notice from partner"
|
||||||
|
|||||||
@@ -308,7 +308,7 @@ body {
|
|||||||
transition:
|
transition:
|
||||||
color 0.1s,
|
color 0.1s,
|
||||||
border-color 0.1s;
|
border-color 0.1s;
|
||||||
margin-bottom: 16px;
|
margin-bottom: 8px;
|
||||||
}
|
}
|
||||||
.link-project-page:hover {
|
.link-project-page:hover {
|
||||||
color: var(--ayu-blue-600);
|
color: var(--ayu-blue-600);
|
||||||
|
|||||||
Reference in New Issue
Block a user