style: improve responsive layout and spacing for mobile devices

2025-10-14 16:04:32 +02:00
parent 36a37cb48c
commit e90d57b9e3
4 changed files with 13 additions and 13 deletions
--- a/src/components/About.tsx
+++ b/src/components/About.tsx
@@ -7,7 +7,7 @@ export function About() {
  return (
    <section
      id="about"
-      className="relative overflow-hidden bg-gray-900 py-20 lg:py-32 -top-12"
+      className="relative overflow-hidden bg-gray-900 py-20 lg:py-32 lg:-top-12 top-0"
    >
      <div className="absolute top-1/2 left-20 -translate-y-1/2 sm:left-1/2 sm:-translate-x-1/2">
        <CircleBackground color="#fff" className="animate-spin-slower" />