Tweaked breakpoints

This commit is contained in:
Dan Leech 2015-10-16 16:48:09 +01:00
parent b54c822b5c
commit aedd81e7d9
2 changed files with 10 additions and 8 deletions

View File

@ -108,10 +108,11 @@
}
@media (min-width: 500px) { .tiles li { width: 50%; } }
@media (min-width: 700px) { .tiles li { width: 33.333%; } }
@media (min-width: 1000px) { .tiles li { width: 25% } }
@media (min-width: 1200px) { .tiles li { width: 20% } }
@media (min-width: 1500px) { .tiles li { width: 16.666% } }
@media (min-width: 1800px) { .tiles li { width: 12.5% } }
@media (min-width: 900px) { .tiles li { width: 25% } }
@media (min-width: 1100px) { .tiles li { width: 20% } }
@media (min-width: 1300px) { .tiles li { width: 16.666% } }
@media (min-width: 1700px) { .tiles li { width: 12.5% } }
@media (min-width: 2100px) { .tiles li { width: 10% } }
.footer {
margin: 3rem;
}

View File

@ -108,10 +108,11 @@
}
@media (min-width: 500px) { .tiles li { width: 50%; } }
@media (min-width: 700px) { .tiles li { width: 33.333%; } }
@media (min-width: 1000px) { .tiles li { width: 25% } }
@media (min-width: 1200px) { .tiles li { width: 20% } }
@media (min-width: 1500px) { .tiles li { width: 16.666% } }
@media (min-width: 1800px) { .tiles li { width: 12.5% } }
@media (min-width: 900px) { .tiles li { width: 25% } }
@media (min-width: 1100px) { .tiles li { width: 20% } }
@media (min-width: 1300px) { .tiles li { width: 16.666% } }
@media (min-width: 1700px) { .tiles li { width: 12.5% } }
@media (min-width: 2100px) { .tiles li { width: 10% } }
.footer {
margin: 3rem;
}