Simple layout using CSS grid

3 years ago · 50ca3b56d0
parent a9a907ef62
commit 50ca3b56d0
1 changed files with 15 additions and 0 deletions
--- a/static/style.css
+++ b/static/style.css
@ -7,4 +7,19 @@ body {
 	font-family: newpx;
 	font-size: 12pt;
 	line-height: 1.5;
+
+	max-width: 50em;
+	margin: 0 auto;
+	padding: 1em;
+
+	display: grid;
+	grid-template-columns: 10em auto;
+	grid-column-gap: 2em;
+}
+
+header {
+	grid-column: 1/-1;
+	padding: 2rem 0;
+	font-weight: bold;
+	font-size: 1.5em;
 }