Improve media query logic for responsive design

Fix footer width for mobile devices
This commit is contained in:
Fedor A. Fetisov 2018-01-26 13:08:29 +03:00
parent 2581119295
commit 20d97e5bce

View File

@ -83,7 +83,6 @@ img {
background: #ffffff url("images/bottombg.gif") scroll repeat-x 0 0;
}
#footer {
width: 400px;
margin: 0 auto;
padding-top: 5px;
padding-bottom: 5px;
@ -578,3 +577,10 @@ ul li {
max-width: 100%;
}
}
/* additional trick for desktops */
@media (min-width: 501px) {
#footer {
width: 400px;
}
}