format styles Top button and foter padding, app to develop

ita-social-projects · Nov 28, 2024 · 6fc20ce · 6fc20ce
1 parent 5f83600
commit 6fc20ce
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/FrontEnd/src/components/Footer/Footer.module.css b/FrontEnd/src/components/Footer/Footer.module.css
@@ -8,7 +8,7 @@
 .footer-content {
     display: flex;
     flex-direction: column;
-    justify-content: space-around;
+    justify-content: space-between;
     padding: 32px 0px;
     width: 327px;
     height: 679px;
@@ -25,10 +25,10 @@
 @media only screen and (min-width: 1200px) {
     .footer-content {
         flex-direction: row;
-        width: 1100px;
+        width: 1136px;
         height: 205px;
-        padding: 32px 0px;
-        gap: 0px;
+        padding: 32px 32px 48px 32px;
+        gap: 24px;
     }
 }
 

diff --git a/FrontEnd/src/components/Footer/FooterComponents/ScrollToTopButton.module.css b/FrontEnd/src/components/Footer/FooterComponents/ScrollToTopButton.module.css
@@ -1,7 +1,7 @@
 .scroll-to-top-button {
   position: fixed;
   bottom: 30px;
-  left: 80%;
+  left: 85%;
   width: 40px;
   height: 40px;
   background-color: var(--footer-scroll-button);
@@ -26,8 +26,14 @@
   background-color: var(--footer-scroll-button);
 }
 
-@media only screen and (min-width: 1512px) {
-  .scroll-to-top-button  {
+@media only screen and (min-width: 768px) {
+  .scroll-to-top-button {
+    left: 92%;
+  }
+}
+
+@media only screen and (min-width: 1200px) {
+  .scroll-to-top-button {
     left: 95%;
   }
-}
+}