1,705
edits
Changes
Jump to navigation
Jump to search
Line 52:
Line 52: − + Line 59:
Line 59: − + Line 66:
Line 66: − + − + − .mpg-box { − width: 25%; − padding-bottom: 25%; − } − } − @media only screen and (max-width : 1290px) and (min-width : 1051px) { − /* Medium desktop: 4 tiles */
simpler
margin-bottom: 0;
margin-bottom: 0;
}
}
@media only screen and (max-width : 480px) {
@media only screen and (max-width : 560px) {
/* Smartphone view: 1 tile */
/* Smartphone view: 1 tile */
.mpg-box {
.mpg-box {
}
}
}
}
@media only screen and (max-width : 650px) and (min-width : 481px) {
@media only screen and (max-width : 800px) and (min-width : 561px) {
/* Tablet view: 2 tiles */
/* Tablet view: 2 tiles */
.mpg-box {
.mpg-box {
}
}
}
}
@media only screen and (max-width : 1050px) and (min-width : 651px) {
@media only screen and (max-width : 1280px) and (min-width : 801px) {
/* Small desktop / ipad view: 4 tiles */
/* Small desktop, ipad, and larger view: 4 tiles */
.mpg-box {
.mpg-box {
width: 25%;
width: 25%;