From bc7d50871a33828a0e7fb976f056a6721fc46b45 Mon Sep 17 00:00:00 2001 From: edpibu Date: Fri, 7 Aug 2020 08:39:02 +0200 Subject: [PATCH] Page layout --- css/main.css | 45 +++++++++++++++++++++++++++++++++++++++++++++ index.html | 6 +++++- 2 files changed, 50 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 4b5bc02..c9cce24 100644 --- a/css/main.css +++ b/css/main.css @@ -5,3 +5,48 @@ html { *, *::before, *::after { box-sizing: inherit; } + +body { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + margin: 0; +} + +.left, .right { + position: absolute; + top: 0; + bottom: 0; + width: 50%; +} + +.right { + right: 0; +} +.left { + left: 0; + text-align: right; +} + +.left h1 { + position: absolute; + padding-right: 1em; + height: 1em; + line-height: 1em; + font-size: 4rem; + margin: 0; + width: 100%; + + font-family: IBM Plex Serif; +} + +.left h1:first-of-type { + top: calc( 50% - 1em ); + font-weight: 800; +} +.left h1:last-of-type { + bottom: calc( 50% - 1em ); + font-weight: 400; +} diff --git a/index.html b/index.html index 6b688b7..f4139eb 100644 --- a/index.html +++ b/index.html @@ -27,6 +27,10 @@ -

Hello World!

+
+

Edgar P.

+

Burkhart

+
+