Add smooth scroll

luhas21 · Feb 5, 2024 · 7d28699 · 7d28699
1 parent 13f9752
commit 7d28699
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/index.html b/index.html
@@ -31,7 +31,7 @@
                 <h1>Test Your SPEEL Dev</h1>
                 <p class="intro-text">The most amazing list of adoptable pets at your fingertips. Updated fresh daily.</p>
                 <div class="intro-buttons">
-                    <a href="#" class="our-btn utility-mr">View Pets</a>
+                    <a href="#view-pets" class="our-btn utility-mr">View Pets</a>
                     <a href="#" class="our-btn our-btn--outline">Manage Pets</a>
                 </div>
                 <div class="intro-features">
@@ -106,7 +106,7 @@ <h2>Nightly Yoga</h2>
             <div class="circle-2"></div>
         </div>
     </div>
-    <div class="page-section">
+    <div class="page-section" id="view-pets">
         <div class="page-section-inner">
             <h2 class="page-section-title">Meet Our Friends</h2>
             <div class="pet-filter">

diff --git a/styles.css b/styles.css
@@ -6,6 +6,9 @@ body, html {
 body {
     font-family: 'Source Sans 3', sans-serif;
 }
+html {
+    scroll-behavior: smooth;
+}
 .top-section-wrapper {
     background-color: #001D37;
     padding-left: 16px;