1
0
Fork 0
mirror of https://github.com/pawelmalak/flame.git synced 2025-07-31 16:39:37 +02:00

Apps grid

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

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. */