fixing boxes in my skill

- boxes were looking inconsistent
typhonshambo · Oct 28, 2023 · b04fbbf · b04fbbf
1 parent b0d7b49
commit b04fbbf
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/styles.css b/styles.css
@@ -225,6 +225,7 @@ nav a:hover {
 }
 
 /* Style the skills and achievements section */
+
 .skills-section {
     background: #f8f8f8;
     padding: 100px 0;
@@ -239,7 +240,8 @@ nav a:hover {
 
 .skills-grid {
     display: grid;
-    grid-template-columns: repeat(2, 1fr);
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); /* Adjust width */
+    grid-template-rows: repeat(3, 1fr); /* Adjust height */
     grid-gap: 20px;
     justify-items: center;
 }
@@ -265,7 +267,6 @@ nav a:hover {
     height: auto;
 }
 
-
 /* Style the contact section */
 .contact-section {
     background-image: url('./images/intro-1.jpg');