Fix mobile width:
This commit is contained in:
parent
12dc691f20
commit
8a4ec11d82
4 changed files with 25 additions and 13 deletions
|
@ -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…
Add table
Add a link
Reference in a new issue