lesser resolutions
This commit is contained in:
parent
f4c4305d8a
commit
2a791ed8dc
@ -308,7 +308,7 @@ img, iframe {
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 600px;
|
||||
width: 520px;
|
||||
}
|
||||
.mainContainer > nav > a {
|
||||
margin: 10px;
|
||||
@ -329,3 +329,67 @@ img, iframe {
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@media only screen and (max-width : 520px) {
|
||||
nav {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
background-color: #93ff83;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 480px;
|
||||
}
|
||||
.mainContainer > nav > a {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.mainContainer > nav > a > div {
|
||||
transform: initial;
|
||||
top: 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.floatRight {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.mainContainer img,
|
||||
.mainContainer iframe {
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width : 480px) {
|
||||
nav {
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
background-color: #93ff83;
|
||||
}
|
||||
|
||||
.mainContainer {
|
||||
width: 375px;
|
||||
}
|
||||
.mainContainer > nav > a {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.mainContainer > nav > a > div {
|
||||
transform: initial;
|
||||
top: 0;
|
||||
position: static;
|
||||
}
|
||||
|
||||
.floatRight {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.mainContainer img,
|
||||
.mainContainer iframe {
|
||||
margin: 15px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user