dap-ps
/
discover
mirror of https://github.com/dap-ps/discover.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix columns in line with designs

This commit is contained in:
andytudhope 2019-07-08 10:55:58 +02:00
parent c980243d0c
commit dfca8f9c6f
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/modules/RecentlyAdded/RecentlyAdded.module.scss
View File

@ -10,7 +10,7 @@
.grid {
display: grid;
grid-auto-flow: column;
grid-template-columns: repeat(4, 1fr);
grid-template-columns: repeat(3, 1fr);
grid-gap: calculateRem(20);
overflow-x: scroll;
overflow-y: hidden;
@ -19,18 +19,18 @@
@media (min-width: $desktop) {
// grid-auto-flow: row;
grid-template-rows: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-template-columns: unset;
overflow-x: hidden;
}
@media (min-width: 970px) {
grid-template-columns: unset;
grid-template-rows: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 1300px) {
grid-template-columns: unset;
grid-template-rows: repeat(4, 1fr);
grid-template-rows: repeat(3, 1fr);
}
}