Fix mobile width:

This commit is contained in:
cuom1999 2022-07-05 12:54:04 +07:00
parent 12dc691f20
commit 8a4ec11d82
4 changed files with 25 additions and 13 deletions

View file

@ -680,10 +680,6 @@ math {
}
}
}
#content {
width: auto;
}
}
@media not all and (max-width: 760px) {

View file

@ -227,8 +227,8 @@
display: flex;
}
.blog-box {
padding-left: 0;
padding-right: 0;
padding-left: 5%;
padding-right: 5%;
}
}
@media (min-width: 800px) {

View file

@ -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>

View file

@ -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 %}