mobile styling added as per request on reddit

6 years ago · 340860eebe
parent c4034f9084
commit 340860eebe
3 changed files with 19 additions and 0 deletions
--- a/favicon.png
+++ b/favicon.png
--- a/index.html
+++ b/index.html
@ -7,6 +7,7 @@
    
    <title>Home</title>
    <link rel="stylesheet" href="styles.css">
+    <link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
 </head>
 <body>
    <div id="search">
--- a/styles.css
+++ b/styles.css
@ -70,6 +70,24 @@ body {
    width: 50%;
    margin: 1em 0em;
 }
+
+@media only screen and (max-width: 960px) {
+    .container {
+        height: auto;
+    }
+    #clock {
+        margin-top: 1em;
+    }
+    .container > .bookmark-container {
+        flex-direction: column;
+        width: 60%;
+    }
+    .bookmark-container > .bookmark-set {
+        width: auto;
+        margin: 1em 0em;
+    }
+}
+
 .bookmark-set{
    padding: 1em;
    background-color: #272727;