No edit summary |
No edit summary Tag: Reverted |
||
| Line 3: | Line 3: | ||
width: 25%; | width: 25%; | ||
height: 25%; | height: 25%; | ||
grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) ); | /*grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );*/ | ||
grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr)); | |||
grid-auto-rows: minmax( 3rem, auto ); | grid-auto-rows: minmax( 3rem, auto ); | ||
grid-gap: 25px; | grid-gap: 25px; | ||
Revision as of 07:28, 15 June 2024
.parent2 {
display: grid;
width: 25%;
height: 25%;
/*grid: auto-flow dense/repeat( auto-fit, minmax( 9.375rem, 1fr ) );*/
grid-template-columns: repeat(auto-fit, minmax(9.375rem, 1fr));
grid-auto-rows: minmax( 3rem, auto );
grid-gap: 25px;
}
.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;
}