fix: make all cards links

recalstudios · Mar 22, 2024 · 3744cca · 3744cca
1 parent 8745aa0
commit 3744cca
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 21 deletions.
diff --git a/index.html b/index.html
@@ -85,28 +85,34 @@ <h2 class="subheading">Who are we?</h2>
                 continued developing under this name. Most of our projects started during this period.</p>
 
             <div class="flex">
-                <div class="card">
-                    <h3>Soni</h3>
-                    <img src="https://avatars.githubusercontent.com/u/32430506?v=4" alt="Soni">
-                    <p>Full-stack developer</p>
-                </div>
-                <div class="card">
-                    <h3>Henrik</h3>
-                    <img src="https://avatars.githubusercontent.com/u/71038854?v=4" alt="Henrik">
-                    <p>Backend developer</p>
-                </div>
-                <div class="card">
-                    <a href="https://github.com/lilleandersen">
+                <a href="https://github.com/soni801" target="_blank">
+                    <div class="card">
+                        <h3>Soni</h3>
+                        <img src="https://avatars.githubusercontent.com/u/32430506?v=4" alt="Soni">
+                        <p>Full-stack developer</p>
+                    </div>
+                </a>
+                <a href="https://github.com/HeinzNepe" target="_blank">
+                    <div class="card">
+                        <h3>Henrik</h3>
+                        <img src="https://avatars.githubusercontent.com/u/71038854?v=4" alt="Henrik">
+                        <p>Backend developer</p>
+                    </div>
+                </a>
+                <a href="https://github.com/LilleAndersen" target="_blank">
+                    <div class="card">
                         <h3>Little</h3>
                         <img src="https://avatars.githubusercontent.com/u/71332089?v=4" alt="Little">
                         <p>Frontend developer</p>
-                    </a>
-                </div>
-                <div class="card">
-                    <h3>MRcat77</h3>
-                    <img src="assets/images/cat.png" alt="MRcat77">
-                    <p>Frontend developer</p>
-                </div>
+                    </div>
+                </a>
+                <a href="https://github.com/MRcat77" target="_blank">
+                    <div class="card">
+                        <h3>MRcat77</h3>
+                        <img src="/assets/images/cat.png" alt="MRcat77">
+                        <p>Frontend developer</p>
+                    </div>
+                </a>
             </div>
         </div>
 

diff --git a/style.css b/style.css
diff --git a/style.css.map b/style.css.map
diff --git a/style.scss b/style.scss
@@ -117,6 +117,7 @@ p
 // 3.2 Links
 a
 {
+    display: flex; // For some reason this is needed for the cards to fill the element properly
     text-decoration: none;
     color: unset;
 }