mirror of
https://github.com/Mibew/mibew.git
synced 2025-02-07 16:24:43 +03:00
Improve media query logic for responsive design
Fix footer width for mobile devices
This commit is contained in:
parent
2581119295
commit
20d97e5bce
@ -83,7 +83,6 @@ img {
|
|||||||
background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0;
|
background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0;
|
||||||
}
|
}
|
||||||
#footer {
|
#footer {
|
||||||
width: 400px;
|
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding-top: 5px;
|
padding-top: 5px;
|
||||||
padding-bottom: 5px;
|
padding-bottom: 5px;
|
||||||
@ -578,3 +577,10 @@ ul li {
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* additional trick for desktops */
|
||||||
|
@media (min-width: 501px) {
|
||||||
|
#footer {
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user