Added CarGame card

Tech-Tac · Jul 3, 2024 · ebc2e9a · ebc2e9a
1 parent 7bc50e5
commit ebc2e9a
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/banners/cargame.png b/banners/cargame.png
diff --git a/index.html b/index.html
@@ -37,6 +37,15 @@ <h1 style="margin-block: 0">I'm&nbsp;<span class="tech-tac">Tech-Tac</span>.</h1
     <main>
       <h2 id="projects">My Projects</h2>
       <div class="wrapper">
+        <section>
+          <img src="banners/cargame.png" alt="CarGame Screenshot" />
+          <h3>CarGame</h3>
+          <p>A little retro car to drive around.</p>
+          <div class="button-group">
+            <a href="https://tech-tac.github.io/CarGame"><button class="primary">▶&nbsp; Try</button></a>
+            <a href="https://www.github.com/Tech-Tac/CarGame" target="_blank"><button>Source</button></a>
+          </div>
+        </section>
         <section>
           <img src="banners/cubes.png" alt="Cubes Screenshot" />
           <h3>Cubes</h3>

diff --git a/style.css b/style.css
@@ -124,8 +124,10 @@ button:disabled {
 
 .button-group {
   display: flex;
-  gap: 8pt;
+  flex-wrap: wrap;
+  align-items: center;
   justify-content: center;
+  gap: 8pt;
   padding-top: 8pt;
 }
 
@@ -143,7 +145,7 @@ a button {
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
-  justify-content: start;
+  justify-content: center;
   margin-inline: auto;
   gap: 12pt;
   padding-inline: 12pt;