aclindsa/aclindsay.com
1
0
Fork 0
Code Releases Activity

Update css to be more mobile friendly

Browse Source
This commit is contained in:
Aaron Lindsay
2015-03-10 22:01:20 -04:00
parent 3d6fdd36fe
commit 563f6b73fd
6 changed files with 61 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
css/layout.css
View File

@ -7,22 +7,47 @@ body {
padding: 0;
}
#header-inner, #content, #footer-inner {
width: 80%;
min-width: 45em;
max-width: 60em;
margin: 0 auto;
margin: 0 auto;
}
#main, #sidebar {
position: relative;
}
#main {
float: left;
width: 73%;
}
#sidebar {
float: right;
width: 23%;
}
#footer {
clear: both;
}
@media (min-width: 751px) {
#header-inner, #content, #footer-inner {
width: 80%;
min-width: 45em;
}
#main {
float: left;
width: 73%;
}
#sidebar {
float: right;
width: 23%;
}
}
@media (max-width: 750px) {
#header-inner, #content, #footer-inner {
width: 95%;
}
#main {
float: left;
width: 100%;
clear: both;
}
#sidebar {
float: left;
position: relative;
width: 75%;
left: 12.5%;
}
#sidebar.optional {
display: none;
}
}