diff --git a/README.md b/README.md index 10d3a09..22ea3fc 100644 --- a/README.md +++ b/README.md @@ -27,7 +27,7 @@ This is a beginner-friendly repo, where you can be as creative as you can with H ## Contributing -Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. +Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**. 1. Fork this repository. 2. Clone your forked copy of the project (`git clone https://github.com/Sajiyah-Salat/BlogWeb.git`) diff --git a/public/css/blog.css b/public/css/blog.css index 25b0654..28b245e 100644 --- a/public/css/blog.css +++ b/public/css/blog.css @@ -73,4 +73,5 @@ h2 { .home-article-content { font-weight: bold; -} \ No newline at end of file +} + diff --git a/public/css/style.css b/public/css/style.css index b805fb4..a928784 100644 --- a/public/css/style.css +++ b/public/css/style.css @@ -326,6 +326,37 @@ aside h4 { +.scroll-up, +.scroll-down { + position: fixed; + bottom: 20px; + right: 20px; + width: 40px; + height: 40px; + border-radius: 50%; + background-color: #333; + color: #fff; + display: flex; + justify-content: center; + align-items: center; + cursor: pointer; + z-index: 9999; +} + +.scroll-up:hover, +.scroll-down:hover { + background-color: #555; +} + + + + + + + + + + .about-img { width: 400px; height: 250px; diff --git a/public/index.html b/public/index.html index d348ca3..38f8fa0 100644 --- a/public/index.html +++ b/public/index.html @@ -10,6 +10,7 @@ +
@@ -20,8 +21,8 @@