From bcc292c087a084c9611500cd32a8fae04ee0fa0e Mon Sep 17 00:00:00 2001 From: pateskinasy Date: Thu, 18 Jul 2019 10:59:01 +0100 Subject: [PATCH] formatting --- css/style.css | 97 ++++++++++++++++++++++++--------------------------- index.html | 76 +++++++++++++++++++++------------------- 2 files changed, 87 insertions(+), 86 deletions(-) diff --git a/css/style.css b/css/style.css index 8e717bd..b14f6ab 100644 --- a/css/style.css +++ b/css/style.css @@ -1,18 +1,17 @@ - * { margin: 0; padding: 0; } body { - font-family: 'Special Elite', cursive; - font-weight: 400; - height: 100%; - width: 100%; + font-family: "Special Elite", cursive; + font-weight: 400; + height: 100%; + width: 100%; } li { - list-style: none; + list-style: none; } a { @@ -70,7 +69,7 @@ button { border-radius: 8px; padding: 10px; margin: 5px; - font-family: 'Lato', sans-serif; + font-family: "Lato", sans-serif; letter-spacing: 1px; font-weight: bold; } @@ -88,77 +87,73 @@ button { } .fab { - margin: 0 8px 0 0; + margin: 0 8px 0 0; } footer { - font-size: small; + font-size: small; color: #fff; background-color: #262626; - display: flex; + display: flex; width: 100vw; height: 3rem; } .footer-options { - width: 50vw; - display: flex; - justify-content: flex-start; - padding-inline-start: 20px; - align-items: center; - + width: 50vw; + display: flex; + justify-content: flex-start; + padding-inline-start: 20px; + align-items: center; } .footer-link { - padding: 0 20px; + padding: 0 20px; } .footer-linktext { - color: #fff; + color: #fff; } - footer span { - width: 50vw; - display: flex; - justify-content: flex-end; - padding: 0 20px; - align-items: center; - - } + width: 50vw; + display: flex; + justify-content: flex-end; + padding: 0 20px; + align-items: center; +} -@media (max-width: 600px) { - +@media (max-width: 600px) { .quotable-square { width: 80vw; height: 80vw; } - + .content { - font-size: 4vw; + font-size: 4vw; } - + .author { - font-size: 3.2vw; + font-size: 3.2vw; + } + + footer { + flex-wrap: wrap; + height: 4rem; } - - footer { - flex-wrap: wrap; - height: 4rem; - } - - .footer-options { - width: 100vw; - flex-direction: row; - justify-content: center; + + .footer-options { + width: 100vw; + flex-direction: row; + justify-content: center; padding-inline-start: 0; align-items: center; - } - - footer span { - width: 100vw; - flex-direction: column; - text-align: center; - align-self: flex-start; - } -} \ No newline at end of file + } + + footer span { + width: 100vw; + flex-direction: column; + text-align: center; + align-self: flex-start; + } +} diff --git a/index.html b/index.html index c94ef8d..1224784 100644 --- a/index.html +++ b/index.html @@ -1,47 +1,53 @@ + - - Greta Thunberg quotes - + + Greta Thunberg quotes + - + + -
-
-
-
-
-
-
-
-
-
-
-
-
-
- - -
-
-
-
- +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + +
+
+
+
+ - + + \ No newline at end of file