fix: Consertado o texto do body

src/components/Caminhos/Caminhos.tsx

@@ -7,27 +7,23 @@ import React, { useState } from "react";
 const Caminhos = (prop: { titulo: string }) => {
   return (
     <>
-      <nav>
-        <ul className={styles["caminhos-itens"]}>
-          <li className={styles["caminhos-item"]}>
-            <Link to="/">
-              <img
-                className={styles["home_img"]}
-                src={homeImg}
-                alt="Home image"
-              />
-            </Link>
-          </li>
-          <li className={styles["caminhos-item"]}>
-            <p>&gt;</p>
-          </li>
-          <li className={styles["caminhos-item"]}>
-            <p>{prop.titulo}</p>
-          </li>
-        </ul>
-      </nav>
-
-      <Outlet />
+      <ul className={styles["caminhos-itens"]}>
+        <li className={styles["caminhos-item"]}>
+          <Link to="/">
+            <img
+              className={styles["home_img"]}
+              src={homeImg}
+              alt="Home image"
+            />
+          </Link>
+        </li>
+        <li className={styles["caminhos-item"]}>
+          <p>&gt;</p>
+        </li>
+        <li className={styles["caminhos-item"]}>
+          <p>{prop.titulo}</p>
+        </li>
+      </ul>
     </>
   );
 };

src/components/Caminhos/caminhos.module.scss

@@ -13,7 +13,10 @@
     text-transform: uppercase;
     color: #c4c4c4;
     align-items: center;
-    @media screen and (min-width: 2500px) {
+  }
+  @media screen and (min-width: 2500px) {
+    align-items: flex-start;
+    p {
       font-size: 24px;
     }
   }

src/components/FormInput/FormInput.tsx

@@ -29,17 +29,7 @@ const FormInput = () => {
     tel: "",
     instagram: "",
     termos: false,
-  }; /*
-  const formik = useFormik({
-    initialValues: {
-      nome: "",
-      email: "",
-      cpf: "",
-      nascimento: "",
-      tel: "",
-      instagram: "",
-      termos: false,
-    },*/
+  };
   validationSchema: Yup.object({
     nome: Yup.string()
       .required("*Campo Obrigatório")
@@ -57,12 +47,7 @@ const FormInput = () => {
     tel: Yup.string().required("*Campo Obrigatório"),
     instagram: Yup.string().required("*Campo Obrigatório"),
     termos: Yup.boolean().required("*").isTrue(),
-  }); /*
-    onSubmit: function (values) {
-      alert(`You are registered! Name: ${values.nome}. Email: ${values.email}. Profession: ${values.cpf}. 
-              Age: ${values.nascimento},${values.tel},${values.instagram}`);
-    },
-  });*/
+  });
   const validacao = Yup.object().shape({
     nome: Yup.string()
       .required("*Campo Obrigatório")

src/styles/partials/accordionBody.scss

@@ -62,5 +62,8 @@
       font-size: 26px;
       line-height: 30px;
     }
+    @media screen and (max-width: 1024px) {
+      text-align: justify;
+    }
   }
 }