Template:NavGrid/styles.css: Difference between revisions
Appearance
Created page with " .lumi-navgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 20px 0; } @media screen and (min-width: 1100px) { .lumi-navgrid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media screen and (max-width: 600px) { .lumi-navgrid { grid-template-columns: 1fr; gap: 12px; } }" |
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: 16px; | ||
margin: 20px 0; | margin: 20px 0; | ||
max-width: 1000px; | |||
} | } | ||
| Line 16: | Line 11: | ||
.lumi-navgrid { | .lumi-navgrid { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; | ||
} | } | ||
} | } | ||