Fix press logos display for screen widths between 1200px and mobile

This commit is contained in:
Victoria Wang 2014-11-21 01:12:08 -06:00
parent 72fa948d93
commit d2ec02a0e6

View file

@ -1145,8 +1145,16 @@ a.tag:hover {
float:left;
background-repeat: no-repeat;
margin-right: 30px;
background-size: 100%;
@media (max-device-width:480px), screen and (max-width:800px){
@media (max-width:1170px) and (min-width:900px){
margin-right: 25px!important;
&:last-child {
margin-right: 0!important;
}
}
@media (max-device-width:480px), screen and (max-width:900px){
margin-top: 25px !important;
display:block;
float:none;
@ -1157,29 +1165,40 @@ a.tag:hover {
width: 211px;
height: 44px;
background-image: url(/img/wired-logo.png);
background-size: 211px;
margin-top: 6px;
margin-right: 38px;
@media (max-width:1170px) and (min-width:900px){
width: 170px;
}
}
.section .logo.fastco {
width: 262px;
height: 39px;
background-image: url(/img/fastcompany-logo.png);
background-size: 262px;
margin-top: 7px;
margin-top: 7px;
@media (max-width:1170px) and (min-width:900px){
width: 220px;
}
}
.section .logo.vice {
width: 160px;
height: 50px;
background-image: url(/img/vice-logo.png);
background-size: 160px;
@media (max-width:1170px) and (min-width:900px){
width: 120px;
margin-top: 4px;
}
}
.section .logo.ars {
width: 187px;
height: 62px;
background-image: url(/img/ars-logo.png);
background-size: 187px;
margin-top: -4px;
@media (max-width:1170px) and (min-width:900px){
width: 130px;
margin-top: 0;
}
}
.section .press .more {
color: #A0BAC0;