fix: footer incorrect margin

The footer has too much elements that on tablet mode creates an horizontal scroll. fixes #14
fccn · Dec 6, 2024 · 8c5636b · 8c5636b
1 parent 47d0b38
commit 8c5636b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -126,7 +126,7 @@ class SiteFooter extends React.Component {
         role="contentinfo"
       >
         <section className="footer-navigation">
-          <div className="container d-md-flex justify-content-between py-3">
+          <div className="container-xl d-xl-flex justify-content-between py-3">
             <div className="footer-navigation__brand d-flex flex-column justify-content-between px-4">
               <a
                 className="d-block"

diff --git a/src/components/__snapshots__/Footer.test.jsx.snap b/src/components/__snapshots__/Footer.test.jsx.snap
@@ -8,7 +8,7 @@ exports[`<Footer /> renders correctly renders with a language selector 1`] = `
     className="footer-navigation"
   >
     <div
-      className="container d-md-flex justify-content-between py-3"
+      className="container-xl d-xl-flex justify-content-between py-3"
     >
       <div
         className="footer-navigation__brand d-flex flex-column justify-content-between px-4"
@@ -89,7 +89,7 @@ exports[`<Footer /> renders correctly renders without a language selector 1`] =
     className="footer-navigation"
   >
     <div
-      className="container d-md-flex justify-content-between py-3"
+      className="container-xl d-xl-flex justify-content-between py-3"
     >
       <div
         className="footer-navigation__brand d-flex flex-column justify-content-between px-4"
@@ -131,7 +131,7 @@ exports[`<Footer /> renders correctly renders without a language selector in pt-
     className="footer-navigation"
   >
     <div
-      className="container d-md-flex justify-content-between py-3"
+      className="container-xl d-xl-flex justify-content-between py-3"
     >
       <div
         className="footer-navigation__brand d-flex flex-column justify-content-between px-4"