4 files modified

Author: eastcoastdeveloper

src/app/app.component.html

@@ -1,6 +1,3 @@
-<a class="website" href="https://frontenddevelopment.tech/" target="_blank"
-  >www.frontenddevelopment.tech</a
->
 
 <div id="table-component">
   <div class="table-details">

src/app/app.component.scss

@@ -1,14 +1,3 @@
-.website {
-  font: normal 14px sans-serif;
-  letter-spacing: 0.5px;
-  display: block;
-  cursor: pointer;
-  background-color: #313b3f;
-  color: #d9a74a;
-  padding: 10px;
-  text-decoration: none;
-  text-align: right;
-}
 #table-component {
   font: normal 14px sans-serif;
   margin: 15px auto 0 auto;

src/index.html

@@ -1,9 +1,24 @@
+<a class="website" href="https://frontenddevelopment.tech/" target="_blank"
+  >www.frontenddevelopment.tech</a
+>
 <my-app>loading</my-app>
 
 <footer>
   <div class="icon-grid">
-    <a href="https://www.linkedin.com/in/eric-feldberg-62a758297" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/512px-LinkedIn_logo_initials.png"></a>
-    <a href="https://www.instagram.com/nodulldayz/" target="_blank"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/128px-Instagram_logo_2016.svg.png"></a>
-    <a href="https://flickr.com/photos/nodulldays/" target="_blank"><img alt="Flickr logo - SuperTinyIcons" src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Flickr_logo_-_SuperTinyIcons.svg/512px-Flickr_logo_-_SuperTinyIcons.svg.png"></a>
+    <a
+      href="https://www.linkedin.com/in/eric-feldberg-62a758297"
+      target="_blank"
+      ><img
+        src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/ca/LinkedIn_logo_initials.png/512px-LinkedIn_logo_initials.png"
+    /></a>
+    <a href="https://www.instagram.com/nodulldayz/" target="_blank"
+      ><img
+        src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e7/Instagram_logo_2016.svg/128px-Instagram_logo_2016.svg.png"
+    /></a>
+    <a href="https://flickr.com/photos/nodulldays/" target="_blank"
+      ><img
+        alt="Flickr logo - SuperTinyIcons"
+        src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f4/Flickr_logo_-_SuperTinyIcons.svg/512px-Flickr_logo_-_SuperTinyIcons.svg.png"
+    /></a>
   </div>
-</footer>
+</footer>

src/styles.scss

@@ -1,8 +1,21 @@
-html, body {
+html,
+body {
   margin: 0;
   padding: 0;
 }
 
+.website {
+  font: normal 14px sans-serif;
+  letter-spacing: 0.5px;
+  display: block;
+  cursor: pointer;
+  background-color: #313b3f;
+  color: #d9a74a;
+  padding: 10px;
+  text-decoration: none;
+  text-align: right;
+}
+
 footer {
   position: absolute;
   bottom: 0;
@@ -24,3 +37,10 @@ footer {
     }
   }
 }
+
+@media screen and (max-width: 768px) {
+  .website,
+  footer {
+    display: none;
+  }
+}