ben/HowDoYouConvert
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust calc grid max columns

Browse Source
This commit is contained in:
Codex Agent
2026-03-09 19:17:59 +00:00
parent 07a299275b
commit 56873816bb
1 changed files with 4 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
hdyc-svelte/src/app.css
View File

@@ -669,27 +669,12 @@ a:focus-visible {
.calc-list { .calc-list {
display: grid; display: grid;
grid-template-columns: repeat(1, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
width: 100%;
max-width: calc(4 * 360px + 3 * 0.75rem);
margin: 0 auto;
gap: 0.75rem; gap: 0.75rem;
} }
@media (min-width: 640px) {
.calc-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 960px) {
.calc-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1280px) {
.calc-list {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.calc-list-item { .calc-list-item {
display: block; display: block;
position: relative; position: relative;