rythondev/socials
1
0
Fork 0
mirror of https://github.com/liyunze-coding/socials.git synced 2026-09-22 07:24:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed mobile responsiveness

Browse source
This commit is contained in:
liyunze 2026-09-10 15:03:34 +08:00
parent c04a40c688
commit c1379b0642
1 changed files with 6 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/pages/index.astro
View file

@ -163,7 +163,7 @@ const gridItems: GridItem[] = [
return ( return (
<div <div
id="intro" id="intro"
class="social-card col-span-2 h-5xl md:col-span-3 md:h-100 lg:col-span-4" class="social-card col-span-2 h-[450px] md:col-span-3 md:h-100 lg:col-span-4"
> >
<div class="social-card-content flex flex-col bg-cover bg-top md:flex-row md:justify-between md:gap-3"> <div class="social-card-content flex flex-col bg-cover bg-top md:flex-row md:justify-between md:gap-3">
<div class="mt-auto flex flex-col items-start justify-start gap-3 md:h-1/2 md:flex-row md:items-center md:gap-10"> <div class="mt-auto flex flex-col items-start justify-start gap-3 md:h-1/2 md:flex-row md:items-center md:gap-10">
@ -357,6 +357,11 @@ const gridItems: GridItem[] = [
border-radius: 3rem; border-radius: 3rem;
position: relative; position: relative;
z-index: 0;
}
#intro {
z-index: 1;
} }
.social-card:not(#intro) { .social-card:not(#intro) {