fixed url for playlists

Author: zesameri

css/mobile.css

@@ -0,0 +1,42 @@
+@media (max-width:800px) {
+  h1 {
+    line-height: 1em;
+    font-size: 1.5em
+  }
+  body {
+    padding: 1em 1em 1em 2em;
+    flex-flow: column wrap;
+  }
+  .hero {
+    height: auto;
+  }
+  .bio {
+    font-size: 6vw;
+    margin: 0;
+    min-width: 80vw;
+  }
+    .list {
+        margin-top: 1em;
+    }
+  section {
+    padding: 7.5vw;
+    width: 100%;
+    display: table-row;
+    height:auto;
+    min-height: inherit;
+  }
+  .dt {
+    bottom: auto;
+    padding: 0 7.5vw 7.5vw;
+    -webkit-box-align: start;
+    align-items: flex-start
+  }
+  .footer {
+    position: inherit;
+    align-items: flex-start;
+  }
+  .footer > a {
+    border: none;
+    text-decoration: underline;
+  }
+}

css/styles.css

@@ -94,45 +94,3 @@ a:focus, a:hover {
   color: #3d6eff;
   border-bottom: 1px solid #3d6eff
 }
-@media (max-width:800px) {
-  h1 {
-    line-height: 1em;
-    font-size: 1.5em
-  }
-  body {
-    padding: 1em 1em 1em 2em;
-    flex-flow: column wrap;
-  }
-  .hero {
-    height: auto;
-  }
-  .bio {
-    font-size: 6vw;
-    margin: 0;
-    min-width: 80vw;
-  }
-    .list {
-        margin-top: 1em;
-    }
-  section {
-    padding: 7.5vw;
-    width: 100%;
-    display: table-row;
-    height:auto;
-    min-height: inherit;
-  }
-  .dt {
-    bottom: auto;
-    padding: 0 7.5vw 7.5vw;
-    -webkit-box-align: start;
-    align-items: flex-start
-  }
-  .footer {
-    position: inherit;
-    align-items: flex-start;
-  }
-  .footer > a {
-    border: none;
-    text-decoration: underline;
-  }
-}

index.html

@@ -6,15 +6,17 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1">
     <meta name="description" content="I write code for the web.">
     <meta name="author" content="Meredith Hoo">
+    <!-- Facebook Metadata -->
     <meta name="og:title" content="Meredith Hoo">
     <meta name="og:description" content="This is my place to explore and create.">
     <meta name="og:url" content="http://merhoo.com">
     <meta name="og:type" content="website">
     <meta name="theme-color" content="#0C0C0C">
+      <!-- Styles -->
     <link href="./css/styles.css" rel="stylesheet">
     <link href="./css/crumple.css" rel="stylesheet">
     <link href="./css/mobile.css" rel="stylesheet">
-
+    <!-- Webpage Icon -->
     <link rel="shortcut icon" href="./assets/images/icon.png" type="image/png">
     <!-- Jquery Min Library -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"/>
@@ -90,7 +92,7 @@ <h1>Dev Work</h1>
   <footer class="footer">
     <a class="footer__link--email" href="mailto:meredith.hoo1@gmail.com">email</a>
     <a class="footer__link--github" href="https://github.com/merhoo" target="_blank" rel="noopener noreferrer">github</a>
-    <a class="footer__link--codepen" href="https://www.youtube.com/channel/UCda0Z1NOOPxQnG2V7hhsd5w" target="_blank" rel="noopener noreferrer">playlists</a>
+    <a class="footer__link--codepen" href="https://www.youtube.com/user/MeredithHoo/playlists" target="_blank" rel="noopener noreferrer">playlists</a>
     <a class="footer__link--linkedin" href="https://www.linkedin.com/in/merhoo/" target="_blank" rel="noopener noreferrer">linkedin</a>
     <a class="footer__link--instagram" href="https://www.instagram.com/zesameri/" target="_blank" rel="noopener noreferrer">photos</a>
     <div class="crumple" aria-hidden=""></div>