No edit summary |
No edit summary |
||
Line 2: | Line 2: | ||
display: grid; | display: grid; | ||
width: auto; | width: auto; | ||
height: | height: 10%; | ||
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); | grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); | ||
grid-auto-rows: minmax( 3rem, auto ); | grid-auto-rows: minmax( 3rem, auto ); |
Revision as of 08:00, 15 June 2024
.parent2 { display: grid; width: auto; height: 10%; grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); grid-auto-rows: minmax( 3rem, auto ); grid-gap: 10px; } .main-pagee.main-pagee--button { overflow: hidden; padding: 0; background: #242a31; border: 0; } .main-pagee a{ margin-top: 0; font-size: 10px; } .main-pagee--button a { display: flex; height: 100%; justify-content: center; align-items: center; padding: 0; background: transparent; color: #fff; font-weight: normal; } .main-pagee--button img { transition: transform 250ms ease; } .main-pagee--button:hover img { transform: scale(1.1); } .main-pagee--button .main-pagee__background a { padding: 0; } .main-pagee--col2 { grid-column: span 2; } .main-pagee { position: relative; padding: 0; background: var( --color-surface-1 ); border-radius: 10px; font-size: 50px; } #main-pagee-discord { background: #5865f2; } #main-pagee-content { margin-top: 10%; }