[hexlet-rus#435] center footer to look the same as hole page

KirillTheStranger · Feb 29, 2024 · 8253e6e · 8253e6e
1 parent 854f95c
commit 8253e6e
Show file tree

Hide file tree

Showing 2 changed files with 648 additions and 1,082 deletions.
diff --git a/frontend/src/components/Footer/index.jsx b/frontend/src/components/Footer/index.jsx
@@ -12,8 +12,8 @@ function Footer() {
   return (
     <footer className="bg-dark border-top border-secondary pt-4 pb-5">
       <Container>
-        <Row className="gy-2 row-cols-1 row-cols-sm-2 row-cols-md-3 row pt-3">
-          <Col>
+        <Row className="gy-2 gx-5 row-cols-1 row-cols-sm-2 row-cols-md-3 row pt-3">
+          <Col md={5} lg={5}>
             <Nav as="ul" className="flex-column align-items-start">
               <li>
                 <Nav.Link
@@ -89,7 +89,7 @@ function Footer() {
               <span className="d-block">{t('footer.ogrn')}</span>
             </p>
           </Col>
-          <Col>
+          <Col md={5} lg={5}>
             <div className="fw-bold mt-3 mb-2 text-white">
               {t('footer.doc')}
             </div>
@@ -124,7 +124,9 @@ function Footer() {
                     eventKey="licenseAgreement"
                     to="/licenseAgreement"
                   >
-                    {t('footer.licenseAgreement')}
+                    <span style={{ paddingRight: '1.25rem' }}>
+                      {t('footer.licenseAgreement')}
+                    </span>
                   </Nav.Link>
                 </li>
               )}
@@ -241,7 +243,7 @@ function Footer() {
                 </Dropdown.Menu>
               </Dropdown> */}
           </Col>
-          <Col>
+          <Col md={12} lg={2}>
             <div className="fw-bold mt-3 mb-2 text-white">
               {t('footer.project')}
             </div>