CI only on tags, redesign start

.gitlab-ci.yml

@@ -40,7 +40,9 @@ build-site:
     paths:
       - node_modules/
   only:
-    - main
+    - tags
+  except:
+    - branches
   script:
     - npm install
     - npm run build

src/components/favouriteCard.astro

@@ -23,7 +23,7 @@ const img: string = `/assets/favourites/${image}.webp`
   .heading {
     display: flex;
     height: 4rem;
-    font-size: 22px;
+    font-size: 24px;
     color: white;
     max-width: 200px;
     padding-bottom: 0.3rem;
@@ -38,6 +38,7 @@ const img: string = `/assets/favourites/${image}.webp`
   }
 
   a {
+    border-radius: 1rem;
     display: flex;
     flex-wrap: wrap;
     flex-direction: column;
@@ -54,7 +55,7 @@ const img: string = `/assets/favourites/${image}.webp`
   }
 
   a > img {
-    padding: 0.25em;
+    padding: 0px 0.25em;
     width: 90%;
     height: auto;
   }
@@ -67,7 +68,7 @@ const img: string = `/assets/favourites/${image}.webp`
     }
 
     a > img {
-      padding: 1.5em;
+      padding: 0px 1.5em;
       width: 200px;
       height: auto;
     }

src/layouts/baseSection.astro

@@ -31,12 +31,16 @@ const { title } = Astro.props
     position: relative;
   }
   div h1 {
+    font-size: 40px;
+    line-height: 48px;
+    letter-spacing: -1px;
     color: white;
     margin-top: 2rem;
     margin-bottom: 0;
     margin-left: auto;
     margin-right: auto;
-    padding: 0.25rem 0.75rem;
+    padding: 0.25rem 1.5rem;
+    border-radius: 0.5rem;
     max-width: max-content;
     background-color: var(--c-darkgray);
   }