2 files modified

Author: eastcoastdeveloper

src/index.html

@@ -9,3 +9,9 @@
 </header>
 
 <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>
+ </div>
+</footer>

src/styles.scss

@@ -39,3 +39,23 @@ header {
  color: #d9a74a;
  }
 }
+footer {
+ position: absolute;
+ bottom: 0;
+ border-top: 1px solid #313b3f;
+ padding: 5px 5px 1px 5px;
+ box-sizing: border-box;
+ width: 100%;
+ .icon-grid {
+ justify-content: center;
+ display: grid;
+ // grid-template-columns: repeat(3, 40px);
+ a {
+ width: 40px;
+ display: block;
+ img {
+ width: 100%;
+ }
+ }
+ }
+}