mobile friendly adjustments

nick-zanetti · Jul 8, 2020 · 3ae8202 · 3ae8202
1 parent 82aa816
commit 3ae8202
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
   <link rel="stylesheet" href="styles.css">
   <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
   <link href='//cdn.jsdelivr.net/devicons/1.8.0/css/devicons.min.css' rel='stylesheet'>
+  <meta content="width=device-width, initial-scale=1" name="viewport" />
 
   <title>Nick Zanetti</title>
 </head>

diff --git a/styles.css b/styles.css
@@ -121,6 +121,7 @@ a {
 
 }
 
+
 .portfolio-item > div{
   background: #222830;
 
@@ -227,4 +228,18 @@ a {
 .submit-button:focus, .submit-button:hover {
   background-color: white;
   color: #222830;
+}
+
+@media (max-width: 600px) {
+  .portfolio-item{
+    display: flex;
+    flex-direction: column;
+  }
+
+  .description{
+    font-size: 1.5em;
+  }
+
+
+
 }