extern/homepage
1
0
Fork 0
mirror of https://github.com/Jaredk3nt/homepage.git synced 2024-11-21 23:33:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

mobile styling added as per request on reddit

Browse Source
This commit is contained in:
Jared Jones 2018-01-18 12:39:17 -06:00
parent c4034f9084
commit 340860eebe
3 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

1
index.html
View File

@ -7,6 +7,7 @@
<title>Home</title> <title>Home</title>
<link rel="stylesheet" href="styles.css"> <link rel="stylesheet" href="styles.css">
<link href="favicon.png" rel="shortcut icon" type="image/x-icon" />
</head> </head>
<body> <body>
<div id="search"> <div id="search">

18
styles.css
View File

@ -70,6 +70,24 @@ body {
width: 50%; width: 50%;
margin: 1em 0em; 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{ .bookmark-set{
padding: 1em; padding: 1em;
background-color: #272727; background-color: #272727;