File tree 2 files changed +1
-31
lines changed
2 files changed +1
-31
lines changed Original file line number Diff line number Diff line change 2
2
< base href ="/ " />
3
3
4
4
< my-app > loading</ my-app >
5
-
6
- < footer >
7
- < div class ="icon-grid ">
8
- < 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 >
9
- < 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 >
10
- < 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 >
11
- </ div >
12
- </ footer >
Original file line number Diff line number Diff line change 75
75
color : red ;
76
76
}
77
77
78
- footer {
79
- position : absolute ;
80
- bottom : 0 ;
81
- border-top : 1px solid #313b3f ;
82
- padding : 5px 5px 1px 5px ;
83
- box-sizing : border-box ;
84
- width : 100% ;
85
- .icon-grid {
86
- justify-content : center ;
87
- display : grid ;
88
- grid-column-gap : 10px ;
89
- grid-template-columns : repeat (3 , 35px );
90
- a {
91
- width : 35px ;
92
- display : block ;
93
- img {
94
- width : 100% ;
95
- }
96
- }
97
- }
98
- }
99
78
100
79
@media screen and (max-width : 768px ) {
101
- header ,
102
- footer {
80
+ header {
103
81
display : none ;
104
82
}
105
83
}
You can’t perform that action at this time.
0 commit comments