56 lines
1010 B
Stylus
56 lines
1010 B
Stylus
|
|
/* farm-made-fare.html */
|
|
@media(max-width: 509px) {
|
|
#farm-made-fare .columned {
|
|
width: 250px;
|
|
}
|
|
}
|
|
@media(min-width: 510px) and (max-width: 769px) {
|
|
#farm-made-fare .columned {
|
|
width: 510px;
|
|
}
|
|
}
|
|
@media(min-width: 770px) { /* and (max-width: 1029px)*/
|
|
#farm-made-fare .columned {
|
|
width: 770px;
|
|
}
|
|
}
|
|
/*
|
|
@media(min-width: 1030px) {
|
|
#farm-made-fare .columned {
|
|
width: 1030px;
|
|
}
|
|
}
|
|
*/
|
|
#farm-made-fare .columned {
|
|
-webkit-columns: 250px auto;
|
|
-moz-columns: 250px auto;
|
|
columns: 250px auto;
|
|
-webkit-column-gap: 10px;
|
|
-moz-column-gap: 10px;
|
|
column-gap: 10px;
|
|
}
|
|
#farm-made-fare .columned div {
|
|
display: inline-block;
|
|
min-width: 250px;
|
|
}
|
|
@media(max-width: 549px) {
|
|
#farm-made-fare #vapPicturesContainer img {
|
|
width: 170px;
|
|
height: 96px;
|
|
}
|
|
#farm-made-fare .vapPictures {
|
|
width: 180px;
|
|
height: 106px;
|
|
}
|
|
}
|
|
@media(min-width: 550px) {
|
|
#farm-made-fare #vapPicturesContainer img {
|
|
width: 580px;
|
|
height: 326px;
|
|
}
|
|
#farm-made-fare .vapPictures {
|
|
width: 590px;
|
|
height: 336px;
|
|
}
|
|
} |