trent/fcc-challenges
1
0
Fork 0
mirror of https://github.com/TrentSPalmer/fcc-challenges.git synced 2025-08-23 10:13:57 -07:00
Code Issues Projects Releases Wiki Activity

modified: markdown-previewer/markdownPreviewer.css

Browse Source 
modified:   markdown-previewer/markdownPreviewer.js
This commit is contained in:
Trent Palmer
2020-04-05 09:07:29 -07:00
parent 15c1baf09a
commit d9fe7747ec
2 changed files with 60 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
markdown-previewer/markdownPreviewer.css
View File

@@ -74,7 +74,31 @@ img {
height: auto;
}
@media (orientation: landscape) {
#textEditor {
background-color: #073642;
}
#buttonHeader {
height: 3rem;
}
@media (orientation: portrait), (max-device-width: 768px) {
#editorAndPreview {
flex-direction: column;
justify-content: flex-start;
}
#editor {
height: 30vh;
width: 100vw;
}
#preview {
overflow-y: scroll;
height: 40vh;
width: 100vw;
}
}
@media (min-device-width: 1024px), (orientation: landscape) and (max-device-height: 425px) {
#editorAndPreview {
flex-direction: row;
justify-content: flex-end;
@@ -87,22 +111,11 @@ img {
resize: none;
width: 100%;
height: 100%;
}
}
@media (orientation: portrait) {
#buttonHeader {
height: 3rem;
}
#editorAndPreview {
flex-direction: column;
}
#editor {
height: 43vh;
width: 100vw;
}
#preview {
overflow: scroll;
height: 50vh;
padding-bottom: 3%;
}
@media (max-device-height: 425px) {
#textEditor, #preview {
height: 90vh;
}
}
}