No edit summary |
No edit summary |
||
| Line 12: | Line 12: | ||
#content { | #content { | ||
background-color: black; | |||
display: grid; | display: grid; | ||
grid-template-columns: 250px 1fr; | grid-template-columns: 250px 1fr; | ||
Revision as of 22:02, 14 December 2024
html {
background-color: black;
}
body {
background-color: black;
color: green;
margin: 0;
}
#content {
background-color: black;
display: grid;
grid-template-columns: 250px 1fr;
grid-template-areas:
"sidebar main"
"sidebar footer";
}
#top {
grid-area: sidebar;
padding: 20px;
border: 2px solid magenta;
margin: 10px;
}
#article {
grid-area: main;
padding: 20px;
border: 2px solid magenta;
margin: 10px;
}
#footer {
grid-area: footer;
border: 2px solid magenta;
padding: 20px;
text-align: center;
margin: 10px;
}