Merge pull request #14 from adafruit/downloads-layout-fixes

Fixes for downloads layout issues
This commit is contained in:
Scott Shawcroft 2019-03-11 16:18:18 -07:00 committed by GitHub
commit e3fc413b66
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -49,9 +49,9 @@
.downloads-section {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-columns: repeat(4, minmax(200px, 1fr));
grid-column-gap: 0.5em;
grid-row-gap: 1.5em;
.download {
img {
@ -86,8 +86,10 @@
}
@media (max-width: $screen-md) {
#downloads-page .download-section {
grid-template-columns: 1fr 1fr;
#downloads-page {
.downloads-section {
grid-template-columns: repeat(2, minmax(200px, 1fr));
}
}
}
@ -100,8 +102,6 @@
}
.downloads-section {
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 1em;
grid-row-gap: 1em;
}
}
}