jack_23011 Posts - Answer Overflow

jack_23011

•Created by jack_23011 on 2/9/2024 in #front-end

Navigating Programmatically

I've set the router DOM just for one page

import {Routes, Route} from 'react-router-dom';
import styles from './style';
import { Navbar, Hero, Stats,Business,Billing,CardDeal,
Testimonials,Clients,Job,CTA,Footer,
Resume, } from './components';

const App = () => {
  return (
    <div>

       
    <div className="bg-primary w-full overflow-hidden">
        <div className={`${styles.paddingX} ${styles.flexCenter}`}>
            <div className={`${styles.boxWidth}`}>
             
             <Navbar/>
            
            
            </div>
        </div>
    </div>
   

    <div className={`bg-primary ${styles.flexStart}`}>
      <div className={`${styles.paddingX} ${styles.boxWidth}`}>
        <Hero/>
      </div>
     </div>
     
     <div className={`bg-primary ${styles.flexStart}`}>
      <div className={`${styles.paddingX} ${styles.boxWidth}`}>
        <Stats/>
        <Business/>
        <Billing/>
        <Job/> 
        <CTA/>
        <CardDeal/>
        <Testimonials/>
        <Clients/>
       <Footer/>
       
      
      </div>
     </div>

     <Routes>
       <Route path='Resume' element={<Resume/>}/>
       </Routes>

     </div>
  );
}

export default App;

import {Routes, Route} from 'react-router-dom';
import styles from './style';
import { Navbar, Hero, Stats,Business,Billing,CardDeal,
Testimonials,Clients,Job,CTA,Footer,
Resume, } from './components';

const App = () => {
  return (
    <div>

       
    <div className="bg-primary w-full overflow-hidden">
        <div className={`${styles.paddingX} ${styles.flexCenter}`}>
            <div className={`${styles.boxWidth}`}>
             
             <Navbar/>
            
            
            </div>
        </div>
    </div>
   

    <div className={`bg-primary ${styles.flexStart}`}>
      <div className={`${styles.paddingX} ${styles.boxWidth}`}>
        <Hero/>
      </div>
     </div>
     
     <div className={`bg-primary ${styles.flexStart}`}>
      <div className={`${styles.paddingX} ${styles.boxWidth}`}>
        <Stats/>
        <Business/>
        <Billing/>
        <Job/> 
        <CTA/>
        <CardDeal/>
        <Testimonials/>
        <Clients/>
       <Footer/>
       
      
      </div>
     </div>

     <Routes>
       <Route path='Resume' element={<Resume/>}/>
       </Routes>

     </div>
  );
}

export default App;

3 replies

KPCKevin Powell - Community

•Created by jack_23011 on 12/15/2023 in #front-end

Having extra white between the body and footer

10 replies

KPCKevin Powell - Community

•Created by jack_23011 on 12/11/2023 in #front-end

on mobile view hamburger nav drop behind the hero-section

2 replies

Gaming

Programming