I need help with Image Css. When I open my project from Terminal npm start it works properly. When I deploy with Netlify,it doesn’t. I tried several changes about links (stylesheets), but I couldn’t find a solution. The problem is in dance page.
The only issue I see with CSS is the 404 on /app.css. This is a hard-coded <link...> in public/index.html however the file app.css does not exist. The App.css in the src directory is imported into App.js
I suggest you remove the <link href="/app.css" rel="stylesheet" type="text/css" /> from the public/index.html file.
Some of the pages aren’t working properly, for a couple of reasons.
You need to put a _redirects file in public with the following /* /index.html 200
This is explained in this section of Netlify’s documentation as well as this forum post.
In the About.js page you have <a href=...> links instead of using <Link...> tags from react-router-dom as done in Navbar.js.
I suggest changing all internal links to <Link...> and leaving <a href=...> for external links only.