mobile -450px

2025-01-21 21:49:52 +01:00
parent 173db8f199
commit 800c99fac8
13 changed files with 87 additions and 13 deletions
--- a/src/css/ProjectCard.css
+++ b/src/css/ProjectCard.css
@@ -67,7 +67,8 @@
  gap: 0.5rem;
 }

-.projectCard.light .projectInfo h3 span, .projectCard.light .projectJob{
+.projectCard.light .projectInfo h3 span,
+.projectCard.light .projectJob {
  color: rgb(90, 90, 90);
 }

@@ -77,4 +78,12 @@

 .projectCard.light .socialIcon:hover {
  fill: #6e6e6e;
-}
+}
+
+@media screen and (max-width: 450px) {
+  .projectCard {
+    width: 100%;
+    align-items: center;
+    justify-content: center;
+  }
+}