title: React and CSS styling issues
body: <p>I have a problem that I don't know how to solve... I have my application in React, the styles of the app are passed directly from the public/index.html, this works well.</p>
  <p>In my app in src/ I create my components and my styles work but as long as the route is /example but if the route is example/example there it breaks the css and it no longer raises my styles. For the routes I am using React Route 6</p>
  <p>That could be happening?
  This is my index.html</p>
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html className=&quot;no-js&quot;&gt;
  &lt;head&gt;
      &lt;title&gt;ABY DayCare&lt;/title&gt;
      &lt;meta charset=&quot;utf-8&quot;&gt;
  
      &lt;meta name=&quot;description&quot; content=&quot;&quot;&gt;
      &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1&quot;&gt;
  
    
  
      &lt;link rel=&quot;stylesheet&quot; href=&quot;css/bootstrap.min.css&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;css/main.css&quot; id=&quot;color-switcher-link&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;css/animations.css&quot;&gt;
      &lt;link rel=&quot;stylesheet&quot; href=&quot;css/fonts.css&quot;&gt;
  
     &lt;script src=&quot;js/vendor/modernizr-2.8.3.min.js&quot;&gt;&lt;/script&gt;
  
  
      &lt;link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Roboto:900,700' rel='stylesheet' type='text/css'&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div className=&quot;preloader&quot;&gt;
      &lt;div className=&quot;preloader_image&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div className=&quot;modal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;search_modal&quot; id=&quot;search_modal&quot;&gt;
      &lt;div className=&quot;widget widget_search&quot;&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;div id=&quot;canvas&quot;&gt;
  &lt;div id=&quot;box_wrapper&quot;&gt;
  
  &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  
  
          &lt;script src=&quot;js/compressed.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;js/main.js&quot;&gt;&lt;/script&gt;
          &lt;script src=&quot;js/jquery-ui.js&quot;&gt;&lt;/script&gt;
  
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>