add github label for tools-that-love-you

This commit is contained in:
Trent Palmer 2020-04-26 14:12:29 -07:00
parent 9da80bc781
commit b5be6547a2
2 changed files with 44 additions and 1 deletions

View File

@ -9,6 +9,10 @@
<title>Tools That Love You - Build a Product Landing Page - Responsive Web Design Projects</title> <title>Tools That Love You - Build a Product Landing Page - Responsive Web Design Projects</title>
</head> </head>
<body> <body>
<a href="https://github.com/TrentSPalmer/fcc-challenges/tree/gh-pages/tools-that-love-you" class="githubLabel" target="_blank">
<img src="https://github.blog/wp-content/uploads/2008/12/forkme_right_white_ffffff.png?resize=149%2C149"
class="attachment-full size-full" alt="Fork me on GitHub" data-recalc-dims="1">
</a>
<div> <div>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> <script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</div><br> </div><br>

View File

@ -16,7 +16,7 @@ body {
position: fixed; position: fixed;
right: 0; right: 0;
top: 0; top: 0;
z-index: 999; z-index: 998;
} }
#logo-container { #logo-container {
@ -288,8 +288,47 @@ body {
} }
.attachment-full {
position: absolute;
right: 0px;
height: 149px;
width: 149px;
z-index: 999;
}
.githubLabel {
background-color: #00293C;
border: none;
width: 149px;
height: 0px;
position: absolute;
right: 0px;
margin-top: -10px;
z-index: 999;
}
@media (orientation: portrait) { @media (orientation: portrait) {
.footer-l { .footer-l {
font-size: 75%; font-size: 75%;
} }
.attachment-full {
height: 99px;
width: 99px;
}
.githubLabel {
width: 99px;
}
}
@media (orientation: landscape) and (max-height: 400px) {
.attachment-full {
height: 99px;
width: 99px;
}
.githubLabel {
width: 99px;
}
} }