Add files via upload

index.html

@@ -22,7 +22,7 @@
         <li><button class="button" onclick="window.location.href='#intro'">Intro</button></li>
         <li><button class="button" onclick="window.location.href='#experience'">Experience</button></li>
         <li><button class="button" onclick="window.location.href='#education'">Education</button></li>
-        <li><button class="button" onclick="window.location.href='#skills'">Skills & Accomplishments</button></li>
+        <li><button class="button" onclick="window.location.href='#skills'">Skills & Credentials</button></li>
         <li><button class="button" onclick="window.location.href='#capstone'">Capstone Project</button></li>
     </ul>
 
@@ -85,7 +85,7 @@ <h3>Class X - IES Chandrakant Patkar Vidyalaya</h3>
         </div>
     </div>
 
-    <h1 id="skills">Skills & Accomplishments</h1>
+    <h1 id="skills">Skills & Credentials</h1>
     <div class="grid_skills">
         <div class="container">
             <h3>Scripting</h3>

style.css

@@ -1,6 +1,7 @@
 html {
     scroll-behavior: smooth;
     -webkit-tap-highlight-color: transparent;
+    scroll-snap-type: y mandatory;
 }
 
 :root {
@@ -32,7 +33,7 @@ body {
     line-height: 1.7;
     margin: auto;
     max-width: 1080px;
-    padding: 20px;
+    padding: 0px 20px 20px 20px;
 }
 h3, p, ul {
     margin: 5px 0px 5px 0px;
@@ -47,6 +48,10 @@ h1 {
     margin: 15px 0px 15px 0px;
 }
 
+#intro, #experience, #education, #skills, #capstone {
+    scroll-snap-align: start;
+}
+
 .grid_intro, .grid_experience, .grid_education, .grid_skills, .grid_capstone {
     display: grid;
     grid-auto-rows: auto;
@@ -62,6 +67,7 @@ h1 {
 
 .grid_intro {
     grid-template-columns: 1fr 2fr;
+    padding-top: 20px;
     & .container:nth-child(1) {
         border-radius: 50%;
         box-shadow: inset 6px 6px 10px var(--shadow-color-1), inset -6px -6px 10px var(--shadow-color-2);