modified: css/styles.css

modified: index.html
MEGATREX4 · Oct 25, 2023 · 4d11e43 · 4d11e43
1 parent 45f5414
commit 4d11e43
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 9 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -274,7 +274,14 @@ body {
 
 .tabs {
     display: flex;
-    justify-content: center; /* Ця властивість центрує елементи горизонтально */
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    align-content: center;
+    min-width: 150px;
+    display: flex;
+    justify-content: center!important;
+    max-width: 960px;
 }
 
 .tab {
@@ -284,6 +291,14 @@ body {
     padding: 30px 20px;
     border-radius: 30px;
     margin: 10px 10px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-wrap: wrap;
+    align-content: center;
+    min-width: 150px;
+    display: flex;
+    justify-content: center!important;
 }
 
 .tab.active {
@@ -352,13 +367,6 @@ button:hover{
 
 }
 
-.tab, div.tab{
-    min-width: 150px;
-    display: flex;
-    justify-content: center!important;
-    align-items: center!important;
-}
-
 .translation-button {
     text-decoration: none;
     flex: 1;

diff --git a/index.html b/index.html
@@ -70,7 +70,7 @@ <h1 id="targetElement" class="headertext">Спільнота україніза
             </div>
 
     <div class="div">
-        <div class="tabs container" id="tabs">
+        <div class="tabs" id="tabs">
             <div class="tab" data-tab="all" onclick="redirectToIndex('all')">Всі переклади</div>
             <div class="tab" data-tab="minecraft" onclick="redirectToIndex('minecraft')">Майнкрафт моди</div>
             <div class="tab" data-tab="games" onclick="redirectToIndex('games')">Ігри/Програми</div>