Fix responsive design issues

Signed-off-by: Sudhanshu Gautam <me@sudhanshug.com>
This commit is contained in:
Sudhanshu Gautam 2019-09-05 00:03:52 +05:30
parent 740383d6be
commit db14840f4a
9 changed files with 144 additions and 77 deletions

View file

@ -45,6 +45,26 @@
float: right;
}
.header {
.title-desktop {
@media all and (max-width: 820px) {
display: none;
}
}
.title-mobile {
@media all and (min-width: 820px) {
display: none;
}
}
.language-toggle-text {
@media all and (max-width: 820px) {
display: none;
}
}
}
@keyframes App-logo-spin {
from {
transform: rotate(0deg);
@ -53,3 +73,15 @@
transform: rotate(360deg);
}
}
@media all and (max-width: 800px) {
.report-problem-container {
font-size: 12px;
padding: 10px;
}
.report-link {
float: none;
display: block;
}
}