Jump to content

Template:NavGrid/styles.css: Difference between revisions

From LumiWiki
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: 20px;
     gap: 16px;
     margin: 20px 0;
     margin: 20px 0;
}
    max-width: 1000px;
 
@media screen and (min-width: 1100px) {
    .lumi-navgrid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
}


Line 16: Line 11:
     .lumi-navgrid {
     .lumi-navgrid {
         grid-template-columns: 1fr;
         grid-template-columns: 1fr;
        gap: 12px;
     }
     }
}
}

Revision as of 18:47, 13 November 2026

.lumi-navgrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 20px 0;
    max-width: 1000px;
}

@media screen and (max-width: 600px) {
    .lumi-navgrid {
        grid-template-columns: 1fr;
    }
}