diff --git a/SwichGIT/src/css/desktops.css b/SwichGIT/src/css/desktops.css
index d2289f8..0df21e2 100644
--- a/SwichGIT/src/css/desktops.css
+++ b/SwichGIT/src/css/desktops.css
@@ -231,8 +231,9 @@
 
     .containcards {
         overflow-x: auto;
-        display: flex;
-        flex-wrap: wrap;
+        display: grid;
+        grid-template-columns: repeat(8,auto);
+        grid-template-rows: repeat(2,auto);
         padding-top: 1vw;
         justify-content: center;
     }
diff --git a/SwichGIT/src/css/tablet.css b/SwichGIT/src/css/tablet.css
index c5850eb..74c991c 100644
--- a/SwichGIT/src/css/tablet.css
+++ b/SwichGIT/src/css/tablet.css
@@ -263,14 +263,11 @@
 
     .containcards {
         overflow-x: auto;
-        display: flex;
-        flex-wrap: wrap;
-        padding-top: 2vw;
+        display: grid;
+        grid-template-columns: repeat(4,auto);
+        grid-template-rows: repeat(4,auto);
+        padding-top: 1vw;
         justify-content: center;
-        width: 70vh;
-        margin: 0 auto;
-        grid-row-gap: 0vw;
-        column-gap: 2vw;
     }
 
     .flex-item {