add github label for lmde-3-disk-encryption

This commit is contained in:
Trent Palmer 2020-04-26 14:34:24 -07:00
parent b5be6547a2
commit 7ad8510d58
2 changed files with 42 additions and 0 deletions

View File

@ -11,6 +11,10 @@
<title>LMDE 3 Disk Encryption - Build a Technical Document Page - Responsive Web Design Projects</title>
</head>
<body>
<a href="https://github.com/TrentSPalmer/fcc-challenges/tree/gh-pages/lmde-3-disk-encryption" 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>

View File

@ -68,6 +68,23 @@ button {
margin-bottom: 2%;
}
.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: -10px;
}
@media only screen and (max-width: 1100px) {
body {
display: flex;
@ -148,3 +165,24 @@ button {
}
}
@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;
}
}