diff --git a/index.html b/index.html index b47947d..6d94984 100644 --- a/index.html +++ b/index.html @@ -7,5 +7,17 @@ +
+
+
+
+ \ No newline at end of file diff --git a/styles.css b/styles.css index 150c232..3508c91 100644 --- a/styles.css +++ b/styles.css @@ -1,5 +1,51 @@ +:root { + --header-size: 100px; +} + + + +html, body { + width: 100%; + height: 100%; + margin: 0; +} + body { background-color: #000000; color: #FFFFFF; font-family: sans-serif; -} \ No newline at end of file + display: flex; + flex-flow: column; +} + + + +header main footer { + width: 100%; +} + +header { + position: fixed; + top: 0; +} + +/* Required to set the width and height of the header, as `fixed` elements can't have their size set. */ +header > div { + width: 100vw; + height: var(--header-size); +} + +main { + flex: 1 1 auto; + margin-top: var(--header-size); + text-align: center; +} + +footer { + flex: 0 1 auto; + display: flex; +} + +footer > div { + width: 50%; +}