37 lines
564 B
CSS
37 lines
564 B
CSS
|
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;
|
||
|
|
background-color: #444444;
|
||
|
|
color: white;
|
||
|
|
padding-top: 0.7em;
|
||
|
|
padding-right: 0.7em;
|
||
|
|
padding-bottom: 0.7em;
|
||
|
|
padding-left: 0.5em;
|
||
|
|
width: auto;
|
||
|
|
}
|