Fix mobile width:
This commit is contained in:
parent
12dc691f20
commit
8a4ec11d82
4 changed files with 25 additions and 13 deletions
|
@ -680,10 +680,6 @@ math {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
#content {
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media not all and (max-width: 760px) {
|
||||
|
|
|
@ -227,8 +227,8 @@
|
|||
display: flex;
|
||||
}
|
||||
.blog-box {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 800px) {
|
||||
|
|
|
@ -30,10 +30,6 @@
|
|||
ul.problem-list {
|
||||
padding: 0 !important;
|
||||
}
|
||||
#content {
|
||||
width: 99%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.volunteer-types {
|
||||
width: 100%;
|
||||
}
|
||||
|
@ -41,6 +37,18 @@
|
|||
height: 2em;
|
||||
padding-top: 4px;
|
||||
}
|
||||
@media(min-width: 800px) {
|
||||
#content {
|
||||
width: 99%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@media(max-width: 799px) {
|
||||
#content {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% else %}
|
||||
<style>
|
||||
|
|
|
@ -4,9 +4,17 @@
|
|||
|
||||
{% block media %}
|
||||
<style>
|
||||
#content {
|
||||
width: 98%;
|
||||
margin-left: 0;
|
||||
@media(min-width: 800px) {
|
||||
#content {
|
||||
width: 98%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
@media(max-width: 799px) {
|
||||
#content {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
{% block three_col_media %}{% endblock %}
|
||||
|
|
Loading…
Reference in a new issue