Salvando as alterações

rosemelo · Dec 14, 2023 · 76b4095 · 76b4095
1 parent c0df048
commit 76b4095
Show file tree

Hide file tree

Showing 4 changed files with 35 additions and 23 deletions.
diff --git a/projeto_react_campinho/src/components/Home/Footer.js b/projeto_react_campinho/src/components/Home/Footer.js
@@ -2,7 +2,7 @@ import React from 'react';
 
 const Footer = () => {
   return (
-    <footer style={{ backgroundColor: '#f0f0f0', padding: '10px', textAlign: 'center' }}>
+    <footer style={{ backgroundColor: '#f0f0f0', padding: '10px', textAlign: 'center', width: '100%' }}>
       <p>Projeto React Campinho Digital 2023 ©</p>
 
       <p>Para saber mais sobre esse e outros projetos, visite meu</p>

diff --git a/projeto_react_campinho/src/components/Home/Home.css b/projeto_react_campinho/src/components/Home/Home.css
@@ -1,15 +1,33 @@
 nav {
-    background-color: #e3e4d6;
-    padding: 10px;
-    text-align: center;
-    color: #e3e4d6;
-  }
-
-  ul {
-    list-style: none;
-    padding: 0;
-    display: flex;
-    justify-content: space-around;
-  }
+  background-color: #e3e4d6;
+  padding: 10px;
+  text-align: center;
+  color: #333; /* Alterei a cor do texto para uma cor mais legível em fundo claro */
+  font-size: 18px; /* Aumentei o tamanho da fonte */
+}
+
+ul {
+  list-style: none;
+  padding: 0;
+  display: flex;
+  justify-content: space-around;
+}
+
+.home-container {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  height: 100vh;
+  font-size: 30px; 
+  padding: 20px;
+  color: #1a1818; 
+}
 
+a {
+  color: #531340; 
+}
+
+
+
 
diff --git a/projeto_react_campinho/src/components/Home/Home.js b/projeto_react_campinho/src/components/Home/Home.js
@@ -4,14 +4,9 @@ import Footer from './Footer';
 
 const Home = () => {
   return (
-    <div>
+    <div className="home-container">
       <h1>Olá! Bem-vindo à página do projeto!</h1>
-      <p>É com muito orgulho que apresento o meu projeto feito em React - consumindo uma API, <br></br>
-        desenvolvido com muita ajuda dos professores, mentores e colegas de turma. <br></br>Cada dica, cada ideia, cada pedaçinho foi se juntando e formando esse trabalho que eu dedico a Rose do futuro. <br></br>
-        Que ela olhe esse desafio e tenha boas lembranças.</p>
-
-
-
+      <p>Este é um projeto feito em React, onde eu utilizo conceitos de componentização, rotas com o React Router Dom, faço requisição e consumo de uma API, no desafio proposto pelo curso Programação Web Full Stack do Campinho Digital.</p>
 
       <Footer />
 

diff --git a/projeto_react_campinho/src/index.js b/projeto_react_campinho/src/index.js
@@ -1,12 +1,11 @@
 import React from 'react';
-import { StrictMode } from 'react';
 import ReactDOM from 'react-dom';
 import AppRouter from './AppRouter';
 
 const rootElement = document.getElementById('root');
 
 ReactDOM.createRoot(rootElement).render(
-  <StrictMode>
+  <React.StrictMode>
     <AppRouter />
-  </StrictMode>
+  </React.StrictMode>
 );