45 lines
690 B
CSS
45 lines
690 B
CSS
.pageGrid {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 0.4fr 0.4fr 2.8fr 0.4fr;
|
|
gap: 0px 0px;
|
|
grid-auto-flow: column;
|
|
width: 1024px;
|
|
height: 600px;
|
|
}
|
|
|
|
.contentTitle {
|
|
grid-area: 1 / 1 / 2 / 2;
|
|
}
|
|
|
|
.navBar {
|
|
grid-area: 2 / 1 / 3 / 2;
|
|
display: flex;
|
|
justify-self: center;
|
|
}
|
|
|
|
.contentBox {
|
|
display: grid;
|
|
grid-template-columns: 0.5fr 1.5fr;
|
|
grid-template-rows: 1fr;
|
|
gap: 0px 0px;
|
|
grid-auto-flow: row;
|
|
grid-area: 3 / 1 / 4 / 2;
|
|
margin-left: 12rem;
|
|
}
|
|
|
|
.sideBar {
|
|
grid-area: 1 / 1 / 2 / 2;
|
|
display: grid;
|
|
}
|
|
|
|
.contentBody {
|
|
grid-area: 1 / 2 / 2 / 3;
|
|
text-align: left;
|
|
margin-left: 4rem;
|
|
}
|
|
|
|
.contentFooter {
|
|
margin-top: 4rem;
|
|
grid-area: 4 / 1 / 5 / 2;
|
|
}
|