#1 Added 'X' to popup cards, adjusted skills container and added heading

src/main.svelte

@@ -77,6 +77,7 @@
 
     /* Skills Cards CSS */
     .skills-container {
+        padding-top: 3em;
         max-width: 90%;
         margin: auto;
     }
@@ -86,7 +87,7 @@
         flex-wrap: wrap;
         flex-direction: row;
         gap: 3em 3em;
-        padding: 3em 1em 2em 0em;
+        padding: 2em 0em 2em 0em;
         transition: all 0.2s;
     }
 
@@ -112,6 +113,8 @@
     </div>
 
     <div class="skills-container">
+        <h1>Skills</h1>
+        <hr />
         <div class="cards">
             {#each info.skills as skill}
                 <Card on:click={() => {showModal = true; activeModal = skill}}>
@@ -123,7 +126,8 @@
                         <p class="not-required">{skill.about}</p>
                     </div>
                     <div slot="footer">
-                        <a href="/contact">View More</a>
+                        <!-- svelte-ignore a11y-invalid-attribute -->
+                        <a href="#">View More</a>
                         <a href="/repos">Repos</a>
                     </div>
                 </Card>