5 actualy

owsko · Jul 11, 2024 · ba2924f · ba2924f
1 parent 00d6b84
commit ba2924f
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 14 deletions.
diff --git a/index.html b/index.html
@@ -28,8 +28,8 @@
         <div class="bar2"></div>
         <div class="bar3"></div>
         <ul class="mobile-menu main-menu">
-          <li><a href="index.html">SERTCOAT.XYZ</a></li>
-          <li><a href="pages/contact.html">CONTACT ME</a></li>
+          <li class="text-r"><a href="index.html">SERTCOAT.XYZ</a></li>
+          <li class="text-l"><a href="pages/contact.html">CONTACT ME</a></li>
         </ul>
       </div>
 
@@ -70,7 +70,9 @@
         allowfullscreen
       ></iframe>
 
-      <footer>incomplete</footer>
+      <footer>
+        <div style="font-size: smaller">incomplete</div>
+      </footer>
     </div>
 
     <script src="scripts/script_randomHeader.js"></script>

diff --git a/pages/contact.html b/pages/contact.html
@@ -38,8 +38,8 @@
         <div class="bar2"></div>
         <div class="bar3"></div>
         <ul class="mobile-menu main-menu">
-          <li><a href="../../index.html">SERTCOAT.XYZ</a></li>
-          <li><a href="contact.html">CONTACT ME</a></li>
+          <li class="text-r"><a href="../../index.html">SERTCOAT.XYZ</a></li>
+          <li class="text-l"><a href="contact.html">CONTACT ME</a></li>
         </ul>
       </div>
 

diff --git a/stylesheets/contact.css b/stylesheets/contact.css
@@ -101,15 +101,8 @@ button:hover {
     font-size: medium;
 }
 
-form:active {
-
-}
 
 @media (max-width: 800px) {
-    div {
-        text-align: center;
-    }
-
     input {
         width: 85vw; 
         margin-left: 5px;
@@ -135,6 +128,7 @@ form:active {
 
     .contact {
         margin-top: 0px;
+        text-align: center;
     }
 
 }
diff --git a/stylesheets/main.css b/stylesheets/main.css
@@ -117,4 +117,9 @@ footer {
     #header-h1 {
         font-size: 15px;
     }
+
+    .main-menu li {
+        display: inline-block;
+        margin: 0 0 0 0;
+    }
 }
diff --git a/stylesheets/menuBar.css b/stylesheets/menuBar.css
@@ -39,10 +39,10 @@
 .open .mobile-menu {
     display: flex;
     flex-direction: column;
-    align-items: center;
     justify-content: center;
-    background-color: rgba(0, 0, 0, 0.750);
+    background-color: rgba(0, 0, 0, 0.8);
     padding: 0;
+
 }
 
 
@@ -54,6 +54,22 @@
     height: calc(100vh - 50px);
     width: 100%;
     list-style-type: none;
+    margin: 0;
+}
+
+
+.mobile-menu li {
+    background-color: rgb(0, 0, 0, 0.9);
+    margin: 0 7svw 2px 7svw;
+    border-radius: 2px;
+}
+
+.text-r {
+    text-align: right;
+}
+
+.text-l {
+    text-align: left;
 }
 
 @media only screen and (max-width: 600px) {