From 71238e790f2d91d9883bcc976999d155ddb54fae Mon Sep 17 00:00:00 2001 From: "Glitch (hello-webpage)" Date: Wed, 14 Oct 2020 18:31:47 +0000 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=A0=F0=9F=92=83=20Checkpoint=20./style?= =?UTF-8?q?.css:617503/1560=20./illustration.svg:617503/21274=20./index.ht?= =?UTF-8?q?ml:617503/2204?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- illustration.svg | 21 +++++++++++++++++++++ index.html | 22 +++++++++++++--------- style.css | 34 ++++++++++++++++++++++++++++++---- 3 files changed, 64 insertions(+), 13 deletions(-) create mode 100644 illustration.svg diff --git a/illustration.svg b/illustration.svg new file mode 100644 index 0000000..d67a961 --- /dev/null +++ b/illustration.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/index.html b/index.html index 2f6e24e..9eaeddd 100644 --- a/index.html +++ b/index.html @@ -1,21 +1,25 @@ - - - + + + Hello! - + - - + + - + -

Hello world!

- +
+
+

Hello world!

+ +
+
diff --git a/style.css b/style.css index 8148719..4f9f7d1 100644 --- a/style.css +++ b/style.css @@ -1,12 +1,38 @@ -/* CSS files add styling rules to your content */ +/* Our CSS values that we'll use in the rest of our styling */ +:root { + --main-bg-color: #69F7BE; + --main-text-color: #373fff; +} + + body { font-family: helvetica, arial, sans-serif; - margin: 2em; - background-color: #69F7BE; + background-color: var(--main-bg-color); } h1 { - color: #373fff; + color: var(--main-text-color); font-size: 164pt; } + +.wrapper { + min-height: 100vh; // height of the browser viewport + display: flex; + justify-content: center; + align-items: center; +} + +.content { + height: 100px; + width: 200px; + background: #fff; + padding: 50px; + border-radius: 10px; + position: relative; + text-align: center; +} + +.illustration { + +} \ No newline at end of file