built a grid for saper page

This commit is contained in:
Kostya
2023-12-03 08:11:27 +03:00
parent 61d435eda2
commit 48729352d2

View File

@@ -57,6 +57,22 @@ body, html {
height: 100%; height: 100%;
} }
.content-grid--saper {
display: grid;
grid-auto-columns: 1fr;
grid-template-columns: .35fr repeat(5, 1fr) 1fr;
grid-template-rows: auto 0fr repeat(4, 1fr);
grid-template-areas:
"menu header header header header header header"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat"
"menu saper saper saper saper saper chat";
grid-gap: 10px;
}
/* /Content Grid */ /* /Content Grid */