Change browser router ubication, Modify some display messages, change…

… little issue with the main style
HFG43 · Nov 8, 2023 · bbec2d4 · bbec2d4
1 parent 38e90ba
commit bbec2d4
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 4 deletions.
diff --git a/src/Components/LoginPage.jsx b/src/Components/LoginPage.jsx
@@ -30,9 +30,9 @@ function LoginPage() {
 
   return (
     <div className="loginPage">
-      <h1>Welcome to the best experiences app</h1>
+      <h1>Welcome to the best gourmet experiences app</h1>
       <img src={logo} alt="logo" />
-      <h3>What are you waiting???, a lot of experiences are waiting for you</h3>
+      <h3>What are you waiting for??? A lot of experiences are waiting for you</h3>
       <form className="loginForm" onSubmit={tryLogin}>
         {errorMessage && <div className="error-message">{errorMessage}</div>}
         <input

diff --git a/src/Components/MainPage.jsx b/src/Components/MainPage.jsx
@@ -37,7 +37,7 @@ function MainPage() {
   return (
     <div className="mainContainer">
       <h1>{`Welcome ${DataUser.user.name}`}</h1>
-      <p className="secondtitle">at the best experiences in the world</p>
+      <p className="secondtitle">at the best gourmet experiences in the world</p>
       <swiper-container slides-per-view={slidesPerView} navigation="true" class="swiper-container">
         {DataExperiences.experiences.map((item) => (
           <swiper-slide key={item.id}>

diff --git a/src/Style/Main.css b/src/Style/Main.css
@@ -59,3 +59,9 @@
   width: 90%;
   height: 100%;
 }
+
+@media (max-width: 800px) {
+  .mainContainer h1 {
+    margin: 6rem 10px 15px 10px;
+  }
+}  
diff --git a/src/index.js b/src/index.js
@@ -1,5 +1,6 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import { BrowserRouter as Router } from 'react-router-dom';
 import { Provider } from 'react-redux';
 import store from './Redux/store';
 import './index.css';
@@ -8,6 +9,8 @@ import App from './App';
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <Provider store={store}>
-    <App />
+    <Router>
+      <App />
+    </Router>
   </Provider>,
 );