From 454a1f42efcc8c7d7a94585c9e30d318eaaf3b11 Mon Sep 17 00:00:00 2001
From: VikiMaiselman <maiselmanwikki@gmail.com>
Date: Tue, 13 Feb 2024 11:37:05 +0200
Subject: [PATCH] not display skills on small screens

---
 Personal-Website/styles/index.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/Personal-Website/styles/index.css b/Personal-Website/styles/index.css
index 06c96d4..d615dc8 100644
--- 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;