From 778d776907efbda75c7f67c5825cfdccd5b3ecf2 Mon Sep 17 00:00:00 2001
From: TheThomaas <thethomaas@protonmail.ch>
Date: Sat, 10 Feb 2024 21:18:06 +0100
Subject: [PATCH] Remove section classes

---
 src/scss/critical.scss | 71 +++++++++++++++++-------------------------
 1 file changed, 28 insertions(+), 43 deletions(-)

diff --git a/src/scss/critical.scss b/src/scss/critical.scss
index d9d8f78..9be95ce 100644
--- a/src/scss/critical.scss
+++ b/src/scss/critical.scss
@@ -85,7 +85,7 @@ i {
   }
 }
 
-.hero-section {
+.hero {
   height: 90vh;
   height: 90svh;
 
@@ -116,65 +116,60 @@ i {
   }
 }
 
-.projects-section {
-  ul {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
-    gap: 1rem;
-  }
+.project-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
+  gap: 1rem;
+  
   li {
     border-radius: var(--border-radius);
     overflow: hidden;
   }
-  article {
-    --background: url('https://placehold.co/200x150'); // Default background
-    position: relative;
-    height: 100%;
-    padding: .4rem;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    gap: 2.5rem;
-    z-index: 1;
-    background: var(--background);
-    background-repeat: no-repeat;
-    background-size: cover;
-  }
-
+}
+.card {
+  --background: url('https://placehold.co/200x150'); // Default background
+  position: relative;
+  height: 100%;
+  padding: .4rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  gap: 2.5rem;
+  z-index: 1;
+  background: var(--background);
+  background-repeat: no-repeat;
+  background-size: cover;
+  
   a {
     &:hover {
       color: #3a3a3a;
       transition: color .2s ease-in-out;
     }
-
+  
     &:before,
     &:after {
       --icon-size: 1.2rem;
     }
   }
-
+  
   .top {
     width: 100%;
     display: flex;
     justify-content: space-between;
   }
-
+  
   .links {
     display: flex;
     gap: .35rem;
     align-self: flex-end;
   }
-
+  
   .content {
     padding: 1rem .4rem 0 .4rem;
   }
 }
 
-.about-section, 
-.competences-section, 
-.projects-section,
-.experiences-section,
-.download-section {
+section {
   padding-block: 2rem;
   margin-block: 3.5rem;
 }
@@ -293,19 +288,9 @@ i {
   }
 }
 
-.experiences-section {
-  p {
-    margin: 0;
-  }
-}
-  
-.download-section {
-  text-align: center;
-  
-  > div {
-    gap: .8rem;
-  }
 
+.download {
+  gap: .8rem;
   p {
     font-size: 1.4rem;
   }