From 00b2daceef55cba18a6e3589f43916dbaf14cbe9 Mon Sep 17 00:00:00 2001
From: AlinaRyabova <115992255+AlinaRyabova@users.noreply.github.com>
Date: Sun, 17 Dec 2023 18:58:22 +0200
Subject: [PATCH] Update 08-scroll-up.css

---
 src/css/layout/08-scroll-up.css | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/css/layout/08-scroll-up.css b/src/css/layout/08-scroll-up.css
index a4058dc..c2b4e6b 100644
--- a/src/css/layout/08-scroll-up.css
+++ b/src/css/layout/08-scroll-up.css
@@ -8,15 +8,20 @@
   border: none;
   background: no-repeat scroll #242424;
   border-radius: 50%;
-  width: 30px;
-  height: 30px;
+  width: 40px;
+  height: 40px;
   opacity: 0.8;
   cursor: pointer;
   padding: 7px;
   margin: 0;
   z-index: 90;
 }
-
+@media screen and (min-width: 768px) {
+  .scroll__go-top {
+    width: 100px;
+    height: 100px;
+  }
+}
 .scroll__go-top:hover,
 .scroll__go-top:focus {
   background: #f4f4f4;
@@ -40,6 +45,12 @@
   fill: #f4f4f4;
 }
 
+@media screen and (min-width: 768px) {
+  .scroll__icon {
+    width: 33px;
+    height: 33px;
+  }
+}
 .scroll__icon:hover,
 .scroll__icon:focus {
   fill: #242424;