Template:NavGrid/styles.css: Difference between revisions
Appearance
No edit summary |
No edit summary |
||
| Line 3: | Line 3: | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(2, minmax(0, 1fr)); | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
gap: | gap: 20px; | ||
width: 100%; | |||
max-width: 1000px; | |||
margin: 20px 0; | margin: 20px 0; | ||
align-items: stretch; | |||
} | |||
.lumi-navgrid > .lumi-navcard { | |||
min-width: 0; | |||
width: auto; | |||
margin: 0; | |||
} | } | ||
@media screen and (max-width: 600px) { | @media screen and (max-width: 600px) { | ||
.lumi-navgrid { | .lumi-navgrid { | ||
grid-template-columns: 1fr; | grid-template-columns: minmax(0, 1fr); | ||
gap: 16px; | |||
} | } | ||
} | } | ||
Revision as of 18:50, 13 November 2026
.lumi-navgrid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
width: 100%;
max-width: 1000px;
margin: 20px 0;
align-items: stretch;
}
.lumi-navgrid > .lumi-navcard {
min-width: 0;
width: auto;
margin: 0;
}
@media screen and (max-width: 600px) {
.lumi-navgrid {
grid-template-columns: minmax(0, 1fr);
gap: 16px;
}
}