From d8e5230252c73c4c39de6eab5ca010f98366acf8 Mon Sep 17 00:00:00 2001
From: romanmyko <romanklapek@gmail.com>
Date: Fri, 1 Nov 2024 17:28:58 +0200
Subject: [PATCH] styles futer format v 1.2.1

---
 FrontEnd/src/App.css                          |  1 -
 .../src/components/Footer/Footer.module.css   | 22 +++++++-------
 .../FooterComponents/FooterAddress.module.css | 15 ++--------
 .../FooterNavigation.module.css               | 10 ++-----
 .../FooterComponents/FooterPolicy.module.css  | 29 +++++++------------
 5 files changed, 27 insertions(+), 50 deletions(-)

diff --git a/FrontEnd/src/App.css b/FrontEnd/src/App.css
index 9cc9ff92..f69f87fc 100644
--- a/FrontEnd/src/App.css
+++ b/FrontEnd/src/App.css
@@ -1,6 +1,5 @@
 .App {
   /*for footer correct work*/
-  /* width: var(--main-block-size); TODO */
   display: flex;
   min-height: 100vh;
   flex-direction: column;
diff --git a/FrontEnd/src/components/Footer/Footer.module.css b/FrontEnd/src/components/Footer/Footer.module.css
index 7f472584..f9f5e641 100644
--- a/FrontEnd/src/components/Footer/Footer.module.css
+++ b/FrontEnd/src/components/Footer/Footer.module.css
@@ -3,24 +3,23 @@
     width: 100vw;
     background: var(--footer-backround);
     background-size: cover;
-    justify-content: space-around;
+    justify-content: center;
 }
 
 .footer-content {
     display: flex;
     flex-direction: column;
-    padding: 20px;
-    min-width: 343px;
-    max-width: 572px;
-    gap: 24px;
+    justify-content: space-around;
+    padding: 32px 24px;
+    width: 327px;
+    height: 679px;
+    gap: 32px;
 }
 
 @media only screen and (min-width: 768px) {
     .footer-content {
-        display: flex;
-        flex-direction: column;
-        min-width: 580px;
-        max-width: 720px;
+        width: 720px;
+        height: 500px;
     }
 }
 
@@ -28,7 +27,8 @@
     .footer-content {
         display: flex;
         flex-direction: row;
-        max-width: 1512px;
-        gap: 70px;
+        width: 1304px;
+        height: 205px;
+        padding: 32px 104px;
     }
 }
diff --git a/FrontEnd/src/components/Footer/FooterComponents/FooterAddress.module.css b/FrontEnd/src/components/Footer/FooterComponents/FooterAddress.module.css
index 5c748ab4..bed5b862 100644
--- a/FrontEnd/src/components/Footer/FooterComponents/FooterAddress.module.css
+++ b/FrontEnd/src/components/Footer/FooterComponents/FooterAddress.module.css
@@ -1,11 +1,10 @@
 .footer-address__block {
     display: flex;
     flex-direction: column;
-    gap: 24px;
+    gap: 35px;
 }
 
 .footer-logo {
-    padding-top: 10px;
     width: 208px;
     height: 30px;
 }
@@ -24,7 +23,7 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
-    padding-top: 20px;
+    padding-top: 7px;
     gap: 10px;
 }
 
@@ -62,12 +61,10 @@
 @media only screen and (min-width: 768px) {
     .footer-address__block {
         flex-direction: column;
-        gap: 10px;
-        max-width: 560px;
     }
 
     .footer-address__contacts {
-        padding-left: 32px;
+        padding-left: 35px;
     }
 
     .footer-address__text{
@@ -76,12 +73,6 @@
 }
 
 @media only screen and (min-width: 1512px) {
-    .footer-address__block {
-        flex-direction: column;
-        gap: 35px;
-        max-width: 260px;
-    }
-
     .footer-address__text {
         flex-direction: column;
     }
diff --git a/FrontEnd/src/components/Footer/FooterComponents/FooterNavigation.module.css b/FrontEnd/src/components/Footer/FooterComponents/FooterNavigation.module.css
index 0d113eab..7432f789 100644
--- a/FrontEnd/src/components/Footer/FooterComponents/FooterNavigation.module.css
+++ b/FrontEnd/src/components/Footer/FooterComponents/FooterNavigation.module.css
@@ -1,5 +1,6 @@
 .navigation-content {
     display: flex;
+    padding-top: 7px;
 }
 
 .navigation-content__company,
@@ -48,10 +49,7 @@
 
 @media only screen and (min-width: 768px) {
     .navigation-content__section {
-        padding-left: 220px;
-    }
-    .navigation-content {
-       padding-top: 25px;
+        padding-left: 250px;
     }
 }
 
@@ -65,13 +63,11 @@
 
     .navigation-content__company,
     .navigation-content__section {
-        display: flex;
-        flex-direction: column;
         gap: 0;
     }
 
     .navigation-content__section {
-        padding: 35px 0 5px;
+        padding: 35px 0 0;
     }
 
     .navigation-content-section__text-block,
diff --git a/FrontEnd/src/components/Footer/FooterComponents/FooterPolicy.module.css b/FrontEnd/src/components/Footer/FooterComponents/FooterPolicy.module.css
index eb161e23..ed08eab2 100644
--- a/FrontEnd/src/components/Footer/FooterComponents/FooterPolicy.module.css
+++ b/FrontEnd/src/components/Footer/FooterComponents/FooterPolicy.module.css
@@ -14,7 +14,6 @@
 .policy-content__main {
     display: flex;
     flex-direction: column;
-    gap: 24px;
 }
 
 .policy-content-links {
@@ -26,6 +25,7 @@
 
 .policy-content__copyright {
     color: var(--footer-font-color);
+    padding-top: 24px;
 }
 
 .policy-content-links__text,
@@ -43,38 +43,33 @@
 }
 
 @media only screen and (min-width: 768px) {
-    .policy-content-links {
-        padding-top: 10px;
-        gap: 12px;
+    .policy-content__main {
         flex-direction: row;
+        justify-content: space-between;
     }
 
-    .policy-content__main {
+    .policy-content-links {
         flex-direction: row;
-        align-content: space-around;
     }
 
     .policy-content__copyright {
-        padding-left: 20px;
-        padding-top: 10px;
-        align-items: start;
+        align-items: flex-end;
     }
 }
 
 @media only screen and (min-width: 1512px) {
+    .policy-divider {
+        background: none;
+    }
+
     .policy-content__main {
         flex-direction: column;
         align-items: flex-start;
-        padding-top: 45px;
-    }
-
-    .policy-divider {
-        background: none;
     }
 
     .policy-content-links {
         flex-direction: column;
-        gap: 12px;
+        gap: 14px;
     }
 
     .policy-content-links__text {
@@ -82,8 +77,4 @@
         font-weight: 400;
         line-height: 20px;
     }
-
-    .policy-content__copyright {
-        padding: 31px 0 5px;
-    }
 }