the grid is all broken; escaped the diary nav arrows
This commit is contained in:
@@ -27,7 +27,7 @@ ul { list-style-position: inside; }
|
||||
.grid {
|
||||
display: grid;
|
||||
grid-template-columns: auto 533px 267px auto;
|
||||
grid-template-rows: 25px 90px repeat(4, auto) auto;
|
||||
grid-template-rows: 25px 90px repeat(3, auto);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
}
|
||||
@@ -140,28 +140,38 @@ ul { list-style-position: inside; }
|
||||
/* Body */
|
||||
|
||||
.body-row {
|
||||
grid-area: 3 / 1 / 7 / 5;
|
||||
grid-area: 3 / 1 / 5 / 5;
|
||||
background-color: #b56c4d;
|
||||
}
|
||||
|
||||
.diary-entry {
|
||||
grid-area: 3 / 2 / 6 / 3;
|
||||
grid-area: 3 / 2 / 4 / 3;
|
||||
background-color: #aa2055;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.sidebar (
|
||||
grid-area: 3 / 3 / 5 / 4;
|
||||
background-color: #b56c4d;
|
||||
display: grid;
|
||||
grid-template-columns: auto;
|
||||
grid-template-rows: repeat(4, auto);
|
||||
grid-column-gap: 0px;
|
||||
grid-row-gap: 0px;
|
||||
)
|
||||
|
||||
.about-box {
|
||||
grid-area: 3 / 3 / 4 / 4;
|
||||
grid-area: 1 / 1 / 2 / 2;
|
||||
background-color: #993759;
|
||||
}
|
||||
|
||||
.twitter-box {
|
||||
grid-area: 4 / 3 / 5 / 4;
|
||||
grid-area: 2 / 1 / 3 / 2;
|
||||
background-color: #faa275;
|
||||
}
|
||||
|
||||
.latest {
|
||||
grid-area: 5 / 3 / 6 / 4;
|
||||
grid-area: 3 / 1 / 4 / 2;
|
||||
background-color: #ff8c61;
|
||||
}
|
||||
|
||||
@@ -171,12 +181,12 @@ ul { list-style-position: inside; }
|
||||
}
|
||||
|
||||
.disclosure {
|
||||
grid-area: 6 / 3 / 7 / 4;
|
||||
grid-area: 4 / 1 / 5 / 2;
|
||||
background-color: #ce6a85;
|
||||
}
|
||||
|
||||
.recommend {
|
||||
grid-area: 6 / 2 / 7 / 3;
|
||||
grid-area: 4 / 2 / 5 / 3;
|
||||
background-color: #F5D7E3;
|
||||
display: grid;
|
||||
grid-template-columns: auto repeat(3, 100px) auto;
|
||||
@@ -192,7 +202,7 @@ ul { list-style-position: inside; }
|
||||
.snip3 { grid-area: 2 / 4 / 3 / 5; }
|
||||
|
||||
.footer-row {
|
||||
grid-area: 7 / 1 / 8 / 5;
|
||||
grid-area: 5 / 1 / 6 / 5;
|
||||
background-color: #A8577E;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user