styles updated

shliamin · Jul 22, 2024 · 5d6b381 · 5d6b381
1 parent 84a5ad0
commit 5d6b381
Showing 1 changed file with 45 additions and 46 deletions.
diff --git a/styles.css b/styles.css
@@ -39,8 +39,8 @@ body {
 
 .note {
     position: absolute;
-    top: -10px; 
-    right: -35px; 
+    top: 5px; 
+    right: 15px; 
     background-color: white;
     padding: 10px;
     border-radius: 10px;
@@ -304,6 +304,43 @@ body {
     height: auto;
 }
 
+.contact-info {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-bottom: 20px;
+}
+
+.contact-item {
+    flex: 1 1 calc(33.333% - 10px);
+    display: flex;
+    align-items: center;
+    font-size: 16px;
+    margin-bottom: 20px;
+}
+
+.contact-item .contact-icon {
+    width: 36px;
+    height: 36px;
+    margin-right: 10px;
+}
+
+.contact-detail {
+    margin: 0;
+    color: #003366;
+}
+
+.contact-detail a {
+    color: inherit;
+    text-decoration: none;
+}
+
+.contact-label {
+    color: #888;
+    margin: 0;
+    margin-top: 1px;
+}
+
 @media (min-width: 769px) {
     .container {
         flex-direction: row;
@@ -397,51 +434,7 @@ body {
     .section {
         padding: 20px;
     }
-}
 
-.contact-info {
-    display: flex;
-    flex-wrap: wrap;
-    justify-content: space-between;
-    margin-bottom: 20px;
-}
-
-.contact-item {
-    flex: 1 1 calc(33.333% - 10px);
-    display: flex;
-    align-items: center;
-    font-size: 16px;
-    margin-bottom: 20px;
-}
-
-.contact-item .contact-icon {
-    width: 36px;
-    height: 36px;
-    margin-right: 10px;
-}
-
-.contact-detail {
-    margin: 0;
-    color: #003366;
-}
-
-.contact-detail a {
-    color: inherit;
-    text-decoration: none;
-}
-
-.contact-label {
-    color: #888;
-    margin: 0;
-    margin-top: 1px;
-}
-
-.note {
-    top: -5px; 
-    right: -5px; 
-}
-
-@media (max-width: 768px) {
     .contact-info {
         flex-direction: column;
     }
@@ -463,4 +456,10 @@ body {
         padding-left: 0;
         padding-right: 0;
     }
+
+    .note {
+        position: absolute;
+        top: -5px; 
+        right: 90px; 
+    }
 }