Files for my website
bwc9876.dev
This guy still does grids the stupid way!
+1
-15
+1
-15
src/components/projects/ProjectGrid.astro
+1
-15
src/components/projects/ProjectGrid.astro
···
25
25
</div>
26
26
27
27
<style>
28
-
@media (width >= 1700px) {
29
-
div {
30
-
grid-template-columns: 1fr 1fr 1fr;
31
-
}
32
-
}
33
-
@media (1200px <= width <= 1700px) {
34
-
div {
35
-
grid-template-columns: 1fr 1fr;
36
-
}
37
-
}
38
-
@media (width <= 1200px) {
39
-
div {
40
-
grid-template-columns: 1fr;
41
-
}
42
-
}
43
28
div {
44
29
display: grid;
45
30
gap: var(--2);
31
+
grid-template-columns: repeat(auto-fit, minmax(var(--14), 1fr));
46
32
}
47
33
</style>