Skip to content

Commit a625b38

Browse files
committed
style: enhance mobile responsiveness and adjust text for clarity
1 parent 8a21cb4 commit a625b38

1 file changed

Lines changed: 18 additions & 7 deletions

File tree

src/pages/link/index.astro

Lines changed: 18 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -178,6 +178,17 @@ import Layout from '../../layouts/Layout.astro';
178178
h1 {
179179
font-style: italic;
180180
}
181+
182+
/* Mobile responsive */
183+
@media (max-width: 480px) {
184+
section {
185+
padding: 2rem 1rem;
186+
}
187+
188+
header p {
189+
font-size: 14px;
190+
}
191+
}
181192
</style>
182193
</head>
183194
<body>
@@ -193,21 +204,21 @@ import Layout from '../../layouts/Layout.astro';
193204
<p class="address">
194205
<i class="fa-solid fa-location-dot"></i>Taiwan, Hsinchu City
195206
</p>
196-
<p>hi, you can call me weiwei. I enjoy solving issues.</p>
207+
<p>hi, you can call me weiwei. I enjoy solving problems.</p>
197208
</header>
198209
<ul>
199-
<li>
200-
<a href="https://andywangtw.dev" target="_blank">
201-
<i class="fa-solid fa-code"></i>
202-
<h2>Blog</h2>
203-
</a>
204-
</li>
205210
<li>
206211
<a href="https://github.com/AndyWang505" target="_blank">
207212
<i class="fa-brands fa-github"></i>
208213
<h2>GitHub</h2>
209214
</a>
210215
</li>
216+
<li>
217+
<a href="https://andywangtw.dev" target="_blank">
218+
<i class="fa-solid fa-code"></i>
219+
<h2>Blog</h2>
220+
</a>
221+
</li>
211222
<li>
212223
<a href="https://www.pixiv.net/users/39278115" target="_blank">
213224
<i class="fa-brands fa-pixiv"></i>

0 commit comments

Comments
 (0)