define width for column
This commit is contained in:
parent
8f665f0bf1
commit
a8cddeaf95
1 changed files with 5 additions and 6 deletions
11
style.css
11
style.css
|
@ -65,27 +65,26 @@ body {
|
||||||
|
|
||||||
.grid-container {
|
.grid-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
|
justify-content: center;
|
||||||
grid-template-areas:
|
grid-template-areas:
|
||||||
'header header header header header'
|
'left middle right'
|
||||||
'left middle middle middle right'
|
|
||||||
'footer footer footer footer footer';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
grid-area: left;
|
grid-area: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Style the middle column */
|
|
||||||
.middle {
|
.middle {
|
||||||
grid-area: middle;
|
grid-area: middle;
|
||||||
|
width: 15cm;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Style the right column */
|
|
||||||
.right {
|
.right {
|
||||||
grid-area: right;
|
grid-area: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Invidious */
|
|
||||||
.list {
|
.list {
|
||||||
border-radius: 12px 12px 12px 12px;
|
border-radius: 12px 12px 12px 12px;
|
||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
|
|
Loading…
Reference in a new issue