Mirrors/flame
1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2026-03-07 21:13:11 +08:00
Code Issues Packages Projects Releases Wiki Activity

Apps grid

Browse Source
This commit is contained in:
unknown
2021-05-09 18:36:55 +02:00
parent 7199e296b8
commit 0502a653ac
12 changed files with 171 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
client/src/components/Apps/Apps.module.css
View File

@@ -0,0 +1,28 @@
.Apps {
display: grid;
grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 430px) {
.Apps {
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 670px) {
.Apps {
grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 900px) {
.Apps {
grid-template-columns: repeat(4, 1fr);
}
}
/* 320px — 480px: Mobile devices.
481px — 768px: iPads, Tablets.
769px — 1024px: Small screens, laptops.
1025px — 1200px: Desktops, large screens.
1201px and more — Extra large screens, TV. */