fix: ajusta tamanho de espaçamento em telas 4k

src/components/Footer/Footer.tsx

@@ -7,7 +7,7 @@ import styleFooter from "./styles/Footer.module.scss";
 export const Footer = () => {
 
     return (
-        <div className={styleFooter["footer"]}>
+        <footer className={styleFooter["footer"]}>
             <NewsLetter />
             <div className={styleFooter["footer__middle"]}>
                 <AccordionFooter />
@@ -15,7 +15,7 @@ export const Footer = () => {
             </div>
 
             <Rodape />
-        </div >
+        </footer >
 
     );
 }

src/components/Footer/Rodape/Rodape.tsx

@@ -17,7 +17,7 @@ import { DevelopedBy } from './DevelopedBy';
 
 export const Rodape = () => {
     return (
-        <footer className={styleRodape["footer"]}>
+        <div className={styleRodape["footer"]}>
             {/* 
             <Rodape />
              */}
@@ -75,7 +75,7 @@ export const Rodape = () => {
                     />
                 </ul>
             </div>
-        </footer>
+        </div>
     );
 }
 

src/index.css

@@ -7,7 +7,8 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  background-color: gray;
+  /* background-color: gray; */
+
 }
 
 code {

src/pages/styles.module.scss

@@ -15,6 +15,11 @@
 
     flex-direction: column;
 
+    @media (min-width: 3000px) {
+        min-height: 897px;
+
+    }
+
     @media (max-width:1024px) {
         margin: 0 16px;
         // z-index: -9;