fix increase columns by one from 2 to 8

MehdiJarraya · Sep 16, 2021 · 846ddb2 · 846ddb2
1 parent bd6c156
commit 846ddb2
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 15 deletions.
diff --git a/src/components/genres/GenreItem.module.css b/src/components/genres/GenreItem.module.css
@@ -8,19 +8,6 @@
   color: #fff;
 }
 
-/* On screens that are 992px or less, set the background color to blue */
-@media screen and (max-width: 992px) {
-  .genreItem {
-    grid-column-end: span 2;
-  }
-}
-
-/* On screens that are 600px or less, set the background color to olive */
-@media screen and (max-width: 600px) {
-  .genreItem{
-    grid-column-end: span 4;
-  }
-  }
 
 
 .centerContent{

diff --git a/src/components/genres/GenreList.module.css b/src/components/genres/GenreList.module.css
@@ -1,8 +1,7 @@
 .grid {
   display: grid;
   gap: 20px;
-  grid-template-columns: repeat(8, 1fr);
-  grid-auto-rows: 80px;
+  grid-template-columns: repeat(auto-fill, minmax(100px, 10%));
 }
 
 /* Extra large devices (large laptops and desktops, 1200px and up) */