Update projects.html

blakebyer · Jul 4, 2024 · e2f4929 · e2f4929
1 parent 3064010
commit e2f4929
Showing 1 changed file with 29 additions and 8 deletions.
diff --git a/docs/projects.html b/docs/projects.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Blake Byer - Projects</title>
     <style>
-        body {
+         body {
             font-family: Arial, sans-serif;
             line-height: 1.6;
             margin: 0;
@@ -57,15 +57,35 @@
         section {
             margin-top: 20px;
         }
-        .post {
+        img {
+            width: 100%;
+            max-width: 300px;
+            display: block;
+            margin: 0 auto;
+            border-radius: 5px;
+        }
+        .button-container {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 10px;
             margin-bottom: 20px;
         }
-        .post h2 {
-            margin: 0;
-            font-size: 1.8em;
+        .button {
+            padding: 10px 20px;
+            background-color: #333;
+            color: #fff;
+            text-decoration: none;
+            border-radius: 5px;
+            border: none;
+            cursor: pointer;
+            transition: background-color 0.3s;
+            text-align: center;
+            flex: 1;
+            margin: 0 5px;
+            max-width: 200px;
         }
-        .post p {
-            margin-bottom: 10px;
+        .button:hover {
+            background-color: #555;
         }
         footer {
             text-align: center;
@@ -91,10 +111,11 @@ <h1>Blake Byer</h1>
                 </ul>
             </nav>
         </header>
-        </section>
+        <section>
             <h1>Projects</h1>
         <p>This is my projects page.</p>
         <p>If you are interested in collaborating, click the collaborate button!</p>
+        </section>
         <footer>
             &copy; Blake Byer <span id="currentYear"></span>
         </footer>