Merge pull request #30 from KikiBerg/main

add media query css for contact page
DarrachBarneveld · Feb 17, 2024 · 5bb2c31 · 5bb2c31
2 parents 6a125cb + c43c4d1
commit 5bb2c31
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 2 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -172,7 +172,7 @@ main {
 
 .text-input {
   background: transparent;
-  color: #fbfbe39;
+  color: #fbfbe3;
   border: 0.5px dotted #fbfbe3;
   border-radius: 5px;
   cursor: pointer;
@@ -245,6 +245,35 @@ footer {
   .nav-toggle-label {
     display: none;
   }
+
+  /* Contact page */
+
+  #contact {
+    background-position: center;
+    position: relative;        
+}
+
+.form-center {
+    display: flex;
+    justify-content: center;
+}
+
+#contact-form {
+    position: absolute;
+    top: 80px;               
+}
+
+.text-input:hover {
+    border-color: #fbfbe3;
+}
+
+.join-button:hover {
+    background-color: #fbfbe3;
+    color: #592331;
+}
+
+
+
 }
 
 

diff --git a/thankyou.html b/thankyou.html
@@ -32,7 +32,7 @@ <h1>Date Sparkle</h1>
                 </label>
                 <nav id="menu">
                     <ul id="menu-items">
-                        <li><a href="index.html" class="active" aria-label="Go to the home page">Home</a></li>
+                        <li><a href="index.html" aria-label="Go to the home page">Home</a></li>
                         <li><a href="about.html" aria-label="Go to About page">About</a></li>
                         <li><a href="contact.html" aria-label="Go to Contact page">Contact</a></li>
                     </ul>