trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2024-11-21 19:31:29 -08:00
Code Issues Projects Releases Wiki Activity

add github label for lmde-3-disk-encryption

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

4
lmde-3-disk-encryption/index.html
View File

@ -11,6 +11,10 @@
<title>LMDE 3 Disk Encryption - Build a Technical Document Page - Responsive Web Design Projects</title> <title>LMDE 3 Disk Encryption - Build a Technical Document Page - Responsive Web Design Projects</title>
</head> </head>
<body> <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> <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>

38
lmde-3-disk-encryption/lmde-3-disk-encryption.css
View File

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