parent
0ac0d71141
commit
1b7561b297
@ -1,3 +1,37 @@
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
display: grid;
|
||||
grid-template-areas:
|
||||
"title navbar"
|
||||
"content content";
|
||||
grid-template-columns: 20rem 1fr;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.app-title {
|
||||
grid-area: title;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
nav {
|
||||
grid-area: navbar;
|
||||
align-self: center;
|
||||
|
||||
ul {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
grid-area: content;
|
||||
}
|
||||
|
Loading…
Reference in new issue