Improved responsive coding in style.css

This commit is contained in:
TechEmporium 2019-02-02 17:25:47 -05:00
parent 844c2ad9b4
commit 3a7871389f
1 changed files with 8 additions and 11 deletions

View File

@ -151,7 +151,11 @@ padding: 20px 0px;
/* Content */
@media only screen and (orientation: landscape){
#content {
padding: 0px 20px 0px 20px;
}
@media screen and (orientation: landscape) and (min-width: 1024px){
#content {
float: right;
width: 74%;
@ -159,12 +163,6 @@ padding: 0px 20px 0px 0px;
}
}
@media only screen and (orientation: portrait){
#content {
padding: 0px 0px 0px 0px;
}
}
.post {
background: #000000;
border: 2px solid #EEEEEE;
@ -221,18 +219,17 @@ font-weight: bold;
/* Sidebar */
@media only screen and (orientation: landscape){
#sidebar {
float: left;
width: 22%;
margin: 0px;
padding: 0px 20px 0px 0px;
color: #00FF00;
}
}
@media only screen and (orientation: portrait){
@media screen and (orientation: landscape) and (min-width: 1024px){
#sidebar {
float: left;
width: 22%;
margin: 0px;
padding: 0px 20px 0px 0px;
color: #00FF00;