CSS files are getting applied to all the components in my react app, even after using CSS modules
I am making a react web-page about a Finance Planner and i have 4 components: Dashboard, Homepage, Login-page, and SignUp-page. What happened is i first coded the pages in basic HTML and CSS and then had to migrate to react. Now the problem I’m facing is that the CSS files which are meant for specific pages are getting applied to all the pages. I am new to react and don’t know how to solve this. I am attaching a picture of my directory and all the components:
This is what my inspect says about the styles that are getting applied to my Homepage:
CSS files are getting applied to all the components in my react app, even after using CSS modules
I am making a react web-page about a Finance Planner and i have 4 components: Dashboard, Homepage, Login-page, and SignUp-page. What happened is i first coded the pages in basic HTML and CSS and then had to migrate to react. Now the problem I’m facing is that the CSS files which are meant for specific pages are getting applied to all the pages. I am new to react and don’t know how to solve this. I am attaching a picture of my directory and all the components:
This is what my inspect says about the styles that are getting applied to my Homepage: