trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2024-12-22 14:12:48 -08:00
Code Issues Projects Releases Wiki Activity

add github label to mccaine-tribute

Browse Source
This commit is contained in:
Trent Palmer 2020-04-26 13:27:47 -07:00
parent c30e937697
commit 6c1b728d96
2 changed files with 43 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
mccain-tribute/index.html
View File

@ -8,6 +8,10 @@
<title>McCain Tribute - Build a Tribute Page - Responsive Web Design Projects</title>
</head>
<body>
<a href="https://github.com/TrentSPalmer/fcc-challenges/tree/gh-pages" 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 id="main">
<div>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

39
mccain-tribute/mccain_tribute.css
View File

@ -45,3 +45,42 @@ body,html {
position: relative;
top: -2rem;
}
.attachment-full {
position: absolute;
right: 0px;
height: 149px;
width: 149px;
}
.githubLabel {
background-color: #00293C;
border: none;
width: 149px;
height: 0px;
position: absolute;
right: 0px;
margin-top: -20px;
}
@media (orientation: portrait) {
.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;
}
}