title: How to apply to background-image to only one react page not whole application?
body: <p><strong>Sample of Registration page:</strong></p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>.register{
  background-image: linear-gradient(to right,#ff5722 0%,#ff9800 100%);
  margin-top: 150px !important;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div className="register"&gt;
                      &lt;div className="container"&gt;
                          &lt;div className="row"&gt;
                              &lt;div className="col-md-10 offset=md-1"&gt;
                                  &lt;div className="row"&gt;
                                      &lt;div className="col-md-5 register-left"&gt;
                                          &lt;h3&gt;Join Us&lt;/h3&gt;
                                          &lt;p&gt;Subscribe&lt;/p&gt;
                                          &lt;button className="btn btn-primary" type="button"&gt;About Us&lt;/button&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>Sample of Default Layout (Core_ui Code Structure)</p>
  
  
  
  <pre><code>&lt;div className="app"&gt;
              Header
              &lt;div className="app-body"&gt;
                  &lt;main className="main"&gt;
                      &lt;Suspense fallback={this.loading()}&gt;
                          &lt;Switch&gt;
                              {routes.map((route, idx) =&gt; {
                                  return route.component ? (
                                      &lt;Route
                                          key={idx}
                                          path={route.path}
                                          exact={route.exact}
                                          name={route.name}
                                          render={props =&gt; (
                                              &lt;route.component {...props} /&gt;
                                          )} /&gt;
                                  ) : (null);
                              })}
                              {/* &lt;Redirect from="/" to="/dashboard" /&gt; */}
                          &lt;/Switch&gt;
                      &lt;/Suspense&gt;
                  &lt;/main&gt;
              &lt;/div&gt;
              &lt;Suspense fallback={this.loading()}&gt;
                  Footer
              &lt;/Suspense&gt;
          &lt;/div&gt;
  </code></pre>
  
  
  
  <p>I followed <strong>coreui</strong> code structure. and my app.css is empty. I created <strong>register.css</strong> and applied background but
  CSS applied to only container part instead of full page.</p>