a

src/components/bits/ProjectCard.astro

@@ -9,7 +9,7 @@ const { project } = Astro.props;
 ---
 
 <a href=`/projects/${project.id}` id="card-link">
-    <section class="glass">
+    <div class="glass">
         <h2>{project.data.title}</h2>
         <hr />
         <p>{project.data.description}</p>
@@ -17,7 +17,7 @@ const { project } = Astro.props;
             <div id="tag-area">Tags: <ul>{project.data.tags.map(tag => <li>{ tag }</li>)}</ul></div>
             : null 
         }
-    </section>
+    </div>
 </a>
 
 <style lang="scss">
@@ -31,7 +31,7 @@ const { project } = Astro.props;
         scroll-snap-align: start;
     }
 
-    section {
+    div {
         --border-width: 1px;
         padding: 1rem;
         z-index: 1;