added quotes for footer

dejotb · May 16, 2022 · 141d6bc · 141d6bc
1 parent 21d2e7e
commit 141d6bc
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -14,7 +14,7 @@
  <link rel="stylesheet" href="style.css" />
 
  <script defer src="app.js"></script>
- <title>Notes</title>
+ <title>Notes & Quotes</title>
  </head>
  <body>
  <div class="container__settings">
@@ -58,7 +58,12 @@
  </div>
 
  <footer class="footer">
- <p>Notes</p>
+ <p class="footer__quote">
+ „ Silence is the sleep that nourishes wisdom ”.
+ </p>
+ <p class="footer__author">olaf porotsds</p>
+
+ <!-- <p>Notes</p> -->
  </footer>
  </body>
 </html>
diff --git a/style.css b/style.css
@@ -296,11 +296,22 @@ fieldset {
 
 .footer {
  align-self: end;
- display: flex;
+ padding: 1rem;
+ line-height: 0.9;
+ display: grid;
  justify-content: center;
- font-size: 4rem;
+ /* font-size: 2.5rem; */
  color: #d6e5e5;
+}
+
+.footer__quote {
  font-family: var(--ff-display);
+ font-size: 3rem;
+}
+
+.footer__author {
+ font-family: var(--ff-primary);
+ font-size: 1.2rem;
 }
 
 /* animations */