not display skills on small screens

VikiMaiselman · Feb 13, 2024 · 454a1f4 · 454a1f4
1 parent 3c92851
commit 454a1f4
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/Personal-Website/styles/index.css b/Personal-Website/styles/index.css
@@ -127,9 +127,9 @@ a:hover {
   transition: transform 1s, opacity 2s;
 }
 .hidden {
-    opacity: 0;
-    transform: translateY(2rem);
-  }
+  opacity: 0;
+  transform: translateY(2rem);
+}
 
 #experience {
   background-image: url("../assets/images/leone-venter-unsplash.jpg"),
@@ -263,6 +263,11 @@ section a:hover {
 }
 
 /* S K I L L S */
+@media (max-width: 600px) {
+  #skills {
+    display: none;
+  }
+}
 .grid-container {
   display: grid;
   grid-template-rows: repeat(5, 1fr) 0.5fr;