Finn/talk-pro
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(feat): Refine responsive layout and section spacing

Browse Source
This commit is contained in:
SeekingGamer
2026-05-15 17:44:31 +08:00
parent ff7e4395ea
commit c09ba76350
19 changed files with 686 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/Experience.astro
View File

@@ -12,9 +12,15 @@ const imageClasses = ['experience-card__image--one', 'experience-card__image--tw
<section id="experience" class="experience">
<div class="experience__inner">
<p class="experience__title">
{t.title}
</p>
<div class="experience__heading">
<p class="experience__title">
{t.title}
</p>
<p class="experience__caption">
{t.caption}
</p>
</div>
<div class="experience__body">
<div class="experience__grid">
@@ -36,10 +42,6 @@ const imageClasses = ['experience-card__image--one', 'experience-card__image--tw
</div>
))}
</div>
<p class="experience__caption">
{t.caption}
</p>
</div>
</div>
</section>

2
src/components/WhyTalkPro.astro
View File

@@ -13,7 +13,7 @@ const icons = [
"/assets/why-icon-connected.svg",
"/assets/why-icon-modern.svg",
]
const iconClasses = ['why-card__icon--square', 'why-card__icon--familiar', 'why-card__icon--square', 'why-card__icon--modern']
const iconClasses = ['why-card__icon--simple', 'why-card__icon--familiar', 'why-card__icon--connected', 'why-card__icon--modern']
---
<section class="why">