Hello, I’m building a website to practice what i learned on my Fullstack course.
Using the react framework, i set a background-image on my hero section. It was perfectly displayed, as expected until i introduced react-router-dom for the routing. The header pushed the background-image underneath it leaving a huge white space unoccupied. I searched for the solution to this problem but i found none.
I began by creating the HeroSection component :
which i then imported in the Home component :
I created the Root component to begin the routing :
And began the routing for my pages :
And here’s the result :
Please, ENLIGHTEN ME.