Use Single Column Layout for Small Screens on Web Interface

This commit is contained in:
Debanjum Singh Solanky
2022-07-18 02:08:52 +04:00
parent 31a221a76b
commit 7d16b673b1

View File

@@ -95,6 +95,18 @@
padding: 10px;
margin: 10px;
}
/* Switch to 1 Column for Mobile Displays */
@media only screen and (max-width: 600px) {
body {
display: grid;
grid-template-columns: 1fr;
}
body > * {
grid-column: 1;
}
}
h1 {
font-weight: 200;
color: #888;