From aee8125c4d79f993e97629ea519baaaa62590b70 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Thu, 20 Jun 2024 13:38:19 +0300
Subject: [PATCH 1/2] fix footer

---
 frontend/src/pages/landing/Footer.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/pages/landing/Footer.jsx b/frontend/src/pages/landing/Footer.jsx
index 01d456c1..c4453b95 100644
--- a/frontend/src/pages/landing/Footer.jsx
+++ b/frontend/src/pages/landing/Footer.jsx
@@ -115,7 +115,7 @@ function Footer() {
             </Nav>
           </Col>
           <Col className="col-6 mb-4">
-            <Nav as="ul" className="list-group">
+            <Nav as="ul" className="list-group flex-column">
               <li className="mb-2">
                 <NavbarBrand
                   href="https://ru.hexlet.io/pages/about"

From b1af7c8812e5617619ea5ac2f16c2926a3b50937 Mon Sep 17 00:00:00 2001
From: Daniil Bobrov <allodrmen@yandex.ru>
Date: Thu, 20 Jun 2024 18:15:30 +0300
Subject: [PATCH 2/2] fix footer layout

---
 frontend/src/pages/landing/Footer.jsx | 168 +++++++++++++-------------
 1 file changed, 81 insertions(+), 87 deletions(-)

diff --git a/frontend/src/pages/landing/Footer.jsx b/frontend/src/pages/landing/Footer.jsx
index c4453b95..af16d652 100644
--- a/frontend/src/pages/landing/Footer.jsx
+++ b/frontend/src/pages/landing/Footer.jsx
@@ -40,7 +40,7 @@ function Footer() {
           <Col className="col-6 d-flex gap-2 mb-4">
             <Nav
               as="ul"
-              className="d-flex flex-fill justify-content-between px-3 social-networks"
+              className="d-flex flex-fill justify-content-between px-3 social-networks align-content-center"
             >
               <li>
                 <NavbarBrand
@@ -176,26 +176,6 @@ function Footer() {
           <Col>
             <Image className="pb-3" fluid src={logo} />
           </Col>
-          <Col>
-            <Row>
-              <Col className="align-self-center">
-                <p className="mb-0">
-                  <NavbarBrand href={t('footer.tel1Href')}>
-                    <b>{t('footer.tel1')}</b>
-                  </NavbarBrand>
-                </p>
-                <p className="m-0">{t('footer.rf')}</p>
-              </Col>
-              <Col>
-                <p className="m-0">
-                  <NavbarBrand href={t('footer.tel2Href')}>
-                    <b>{t('footer.tel2')}</b>
-                  </NavbarBrand>
-                </p>
-                <p className="m-0">{t('footer.moscow')}</p>
-              </Col>
-            </Row>
-          </Col>
           <Col className="d-flex gap-4 flex-nowrap">
             <Nav
               as="ul"
@@ -246,72 +226,86 @@ function Footer() {
         </Row>
         <Row className="d-flex mx-5 mb-5 align-items-center d-none d-lg-flex">
           <Col>
-            <Row>
-              <Col>
-                <Nav as="ul" className="list-group flex-column">
-                  <li className="mb-2">
-                    <NavbarBrand className="p-0" href="#aboutProject">
-                      {t('landing.header.about')}
-                    </NavbarBrand>
-                  </li>
-                  <li className="mb-2">
-                    <NavbarBrand className="p-0" href="#advantages">
-                      {t('landing.header.advantages')}
-                    </NavbarBrand>
-                  </li>
-                  <li className="mb-2">
-                    <NavbarBrand className="p-0" href="#possibilities">
-                      {t('landing.header.opportunities')}
-                    </NavbarBrand>
-                  </li>
-                  <li className="mb-2">
-                    <NavbarBrand className="p-0" href="#faq">
-                      {t('landing.header.faq')}
-                    </NavbarBrand>
-                  </li>
-                </Nav>
-              </Col>
-              <Col>
-                <Nav as="ul" className="list-group flex-column">
-                  <li className="mb-2">
-                    <NavbarBrand
-                      className="p-0"
-                      href="https://ru.hexlet.io/pages/about"
-                      target="_blank"
-                    >
-                      {t('footer.about')}
-                    </NavbarBrand>
-                  </li>
-                  <li className="mb-2">
-                    <NavbarBrand
-                      className="p-0"
-                      href="https://hexlet-ru.notion.site/c6406ed8890747e690d32b050faf42c2"
-                      target="_blank"
-                    >
-                      {t('footer.career')}
-                    </NavbarBrand>
-                  </li>
-                  <li className="mb-2">
-                    <NavbarBrand
-                      className="p-0"
-                      href="https://hexlet.printdirect.ru/?partner_id=615497"
-                      target="_blank"
-                    >
-                      {t('footer.shop')}
-                    </NavbarBrand>
-                  </li>
-                  <li className="mb-2">
-                    <NavbarBrand
-                      className="p-0"
-                      href="mailto: runit@hexlet.io"
-                      target="_blank"
-                    >
-                      {t('footer.mailSupport')}
-                    </NavbarBrand>
-                  </li>
-                </Nav>
-              </Col>
-            </Row>
+            <div className="mb-2">
+              <p className="mb-0">
+                <NavbarBrand href={t('footer.tel1Href')}>
+                  <b>{t('footer.tel1')}</b>
+                </NavbarBrand>
+              </p>
+              <p className="m-0">{t('footer.rf')}</p>
+            </div>
+            <div>
+              <p className="m-0">
+                <NavbarBrand href={t('footer.tel2Href')}>
+                  <b>{t('footer.tel2')}</b>
+                </NavbarBrand>
+              </p>
+              <p className="m-0">{t('footer.moscow')}</p>
+            </div>
+          </Col>
+          <Col>
+            <Nav as="ul" className="list-group flex-column">
+              <li className="mb-2">
+                <NavbarBrand className="p-0" href="#aboutProject">
+                  {t('landing.header.about')}
+                </NavbarBrand>
+              </li>
+              <li className="mb-2">
+                <NavbarBrand className="p-0" href="#advantages">
+                  {t('landing.header.advantages')}
+                </NavbarBrand>
+              </li>
+              <li className="mb-2">
+                <NavbarBrand className="p-0" href="#possibilities">
+                  {t('landing.header.opportunities')}
+                </NavbarBrand>
+              </li>
+              <li className="mb-2">
+                <NavbarBrand className="p-0" href="#faq">
+                  {t('landing.header.faq')}
+                </NavbarBrand>
+              </li>
+            </Nav>
+          </Col>
+          <Col>
+            <Nav as="ul" className="list-group flex-column">
+              <li className="mb-2">
+                <NavbarBrand
+                  className="p-0"
+                  href="https://ru.hexlet.io/pages/about"
+                  target="_blank"
+                >
+                  {t('footer.about')}
+                </NavbarBrand>
+              </li>
+              <li className="mb-2">
+                <NavbarBrand
+                  className="p-0"
+                  href="https://hexlet-ru.notion.site/c6406ed8890747e690d32b050faf42c2"
+                  target="_blank"
+                >
+                  {t('footer.career')}
+                </NavbarBrand>
+              </li>
+              <li className="mb-2">
+                <NavbarBrand
+                  className="p-0"
+                  href="https://hexlet.printdirect.ru/?partner_id=615497"
+                  target="_blank"
+                >
+                  {t('footer.shop')}
+                </NavbarBrand>
+              </li>
+              <li className="mb-2">
+                <NavbarBrand
+                  className="p-0"
+                  href="mailto: runit@hexlet.io"
+                  target="_blank"
+                >
+                  {t('footer.mailSupport')}
+                </NavbarBrand>
+              </li>
+            </Nav>
           </Col>
           <Col>
             <div className="ms-auto">