trent
/
fcc-challenges
mirror of https://github.com/TrentSPalmer/fcc-challenges.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
tools-that-love-you/index.html
View File

@ -9,6 +9,10 @@
<title>Tools That Love You - Build a Product Landing Page - Responsive Web Design Projects</title>
</head>
<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>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</div><br>

41
tools-that-love-you/tools_that_love_you.css
View File

@ -16,7 +16,7 @@ body {
position: fixed;
right: 0;
top: 0;
z-index: 999;
z-index: 998;
}
#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) {
.footer-l {
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;
}
}