better dynamic margin. centers first.

AfzGit · Jul 16, 2024 · 9c1f822 · 9c1f822
1 parent c0697ed
commit 9c1f822
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -41,25 +41,36 @@
             @media (min-width: 700px) {
                 h3,
                 h4 {
-                    margin-right: 20%;
+                    margin-right: 10%;
+                    margin-left: 10%;
                 }
             }
             @media (min-width: 1000px) {
                 h3,
                 h4 {
-                    margin-right: 30%;
+                    margin-right: 25%;
+                    margin-left: auto;
                 }
             }
             @media (min-width: 1200px) {
                 h3,
                 h4 {
-                    margin-right: 50%;
+                    margin-right: 40%;
+                    margin-left: auto;
+                }
+            }
+            @media (min-width: 1400px) {
+                h3,
+                h4 {
+                    margin-right: 40%;
+                    margin-left: auto;
                 }
             }
             @media (min-width: 1600px) {
                 h3,
                 h4 {
                     margin-right: 60%;
+                    margin-left: auto;
                 }
             }
         </style>