Update style

nicorithner · nicorithner · commit 1266cf6b7546 · 2025-10-01T19:44:31.000-06:00
diff --git a/intersection-observer/index.html b/intersection-observer/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Document</title>
+    <title>Intersection Observer Exercise</title>
     <link rel="stylesheet" href="styles.css" />
   </head>
   <body>
diff --git a/intersection-observer/styles.css b/intersection-observer/styles.css
@@ -1,3 +1,9 @@
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
 .hero {
   width: 100%;
   height: 100vh; /* Always fill the full viewport height */
@@ -28,7 +34,7 @@
 .hero-title {
   grid-area: 1 / 1;
   color: #fff;
-  font-size: 4rem;
+  font-size: 6vw;
   font-weight: 700;
   text-shadow: 0 4px 12px rgba(0, 0, 0, 0.7);
   z-index: 1;
@@ -51,12 +57,13 @@
 
 #my-work {
   padding: 3rem 0;
+  margin: auto 5rem;
   background: #fff;
   text-align: center;
 }
 
 #my-work h2 {
-  font-size: 2rem;
+  font-size: 5vw;
   margin-bottom: 2rem;
 }
 
