2019-11-20 21:59:35 +00:00
|
|
|
div.container {
|
|
|
|
display: grid;
|
|
|
|
grid-template-columns: 7fr 1fr;
|
|
|
|
gird-template-rows: 1fr 1fr 1fr;
|
|
|
|
|
|
|
|
grid-template-areas:
|
|
|
|
"title title"
|
|
|
|
". date"
|
|
|
|
"content content";
|
|
|
|
}
|
|
|
|
|
|
|
|
.title {
|
|
|
|
grid-area: title;
|
|
|
|
margin: 0;
|
|
|
|
margin-top: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
article {
|
|
|
|
grid-area: content;
|
|
|
|
}
|
|
|
|
|
|
|
|
.date {
|
|
|
|
grid-area: date;
|
|
|
|
margin: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
font-family: monospace;
|
2019-11-21 20:19:37 +00:00
|
|
|
background-color: #333333;
|
2019-11-20 21:59:35 +00:00
|
|
|
padding-top: 0.7em;
|
|
|
|
padding-right: 0.7em;
|
|
|
|
padding-bottom: 0.7em;
|
|
|
|
padding-left: 0.5em;
|
2019-11-21 20:19:37 +00:00
|
|
|
color: white;
|
2019-11-20 21:59:35 +00:00
|
|
|
}
|