Merge pull request #14 from adafruit/downloads-layout-fixes
Fixes for downloads layout issues
This commit is contained in:
commit
e3fc413b66
1 changed files with 7 additions and 7 deletions
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue