Modify CSS for about page

BlueBoy247 · Jun 5, 2024 · aee8550 · aee8550
1 parent d2f1ce6
commit aee8550
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/styles/about.css b/styles/about.css
@@ -10,7 +10,7 @@
     display: grid;
     gap: 7px;
     margin: 1%;
-    grid-template-columns: repeat(6,1fr);
+    grid-template-columns: repeat(8,1fr);
 }
 @media only screen and (max-width: 425px){
     .items{
@@ -25,7 +25,7 @@
         grid-template-columns: repeat(2,1fr);
     }
     .smallitems{
-        grid-template-columns: repeat(3,1fr);
+        grid-template-columns: repeat(4,1fr);
     }
 }
 .item{
@@ -44,11 +44,16 @@
 .item:hover{
     background-color: #46ada3;
 }
-.item img{
+.items .item img{
     width: 100%;
     margin-bottom: 3%;
     object-fit: cover;
 }
+.smallitems .item img{
+    width: 96px;
+    margin-bottom: 3%;
+    object-fit: cover;
+}
 .title{
     font-size: 20px;
     text-align: center;