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) { @media not all and (max-width: 760px) {

View file

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

View file

@ -30,10 +30,6 @@
ul.problem-list { ul.problem-list {
padding: 0 !important; padding: 0 !important;
} }
#content {
width: 99%;
margin-left: 0;
}
.volunteer-types { .volunteer-types {
width: 100%; width: 100%;
} }
@ -41,6 +37,18 @@
height: 2em; height: 2em;
padding-top: 4px; padding-top: 4px;
} }
@media(min-width: 800px) {
#content {
width: 99%;
margin-left: 0;
}
}
@media(max-width: 799px) {
#content {
width: 100%;
margin-left: 0;
}
}
</style> </style>
{% else %} {% else %}
<style> <style>

View file

@ -4,9 +4,17 @@
{% block media %} {% block media %}
<style> <style>
#content { @media(min-width: 800px) {
width: 98%; #content {
margin-left: 0; width: 98%;
margin-left: 0;
}
}
@media(max-width: 799px) {
#content {
width: 100%;
margin-left: 0;
}
} }
</style> </style>
{% block three_col_media %}{% endblock %} {% block three_col_media %}{% endblock %}