added grid-area template and add create element chat

This commit is contained in:
Kostya
2023-11-18 18:54:32 +03:00
parent 6d56ca9e9c
commit 4028b95a0f
4 changed files with 37 additions and 5 deletions

View File

@@ -4,6 +4,7 @@
margin: 0;
padding: 0;
box-sizing: border-box;
color: #fff;
}
ul {
@@ -22,7 +23,10 @@ body, html {
display: grid;
grid-template-areas:
'menu header header header header header'
;
'menu main main main main chat'
'menu main main main main chat'
'menu gamemode gamemode gamemode gamemode chat'
'menu gamemode gamemode gamemode gamemode chat';
}
/* /Content Grid */
@@ -43,6 +47,14 @@ body, html {
/* /Menu */
/* Chat */
.chat {
grid-area: chat;
}
/* /Chat */
/* Main */
.main {