ReactJS CSS Class not working
<p>I am still new in using ReactJS. I wanted to create a class for a specific form but it is not working</p>

<p>Here is my code </p>

<pre><code>import React, { Component, PropTypes } from 'react';
import s from './style.scss';
import withStyles from 'isomorphic-style-loader/lib/withStyles';
import { Grid, Row, Col } from 'react-bem-grid';
class OrderDetails extends Component {
  render() {
      return (
          &lt;div&gt;
            &lt;Row&gt;
              &lt;form class="orderform"&gt;
                &lt;h3&gt;Product Details: &lt;/h3&gt;
                  &lt;Row&gt;
                    &lt;Col xs={5}&gt;
                      Product: &lt;br /&gt;
                      Category: &lt;br /&gt;
                      Sub Category: &lt;br /&gt;
                      Price: &lt;br /&gt;
                      Color: &lt;br /&gt;
                      Breakdown: 
                    &lt;/Col&gt;
                    &lt;Col xs={4}&gt;
                      test
                    &lt;/Col&gt;
                  &lt;/Row&gt;
                &lt;h3&gt;Print Details&lt;/h3&gt;
                  &lt;Row&gt;
                    &lt;Col xs={5}&gt;
                      Print Method: &lt;br /&gt;
                      Position:   &lt;br /&gt;
                      Length:   &lt;br /&gt;
                      Width:  &lt;br /&gt;
                      Colors
                    &lt;/Col&gt;
                  &lt;/Row&gt;
              &lt;/form&gt;
            &lt;/Row&gt;
          &lt;/div&gt;
     );
  }
}
export default withStyles(OrderDetails, s);
</code></pre>

<p>and here is my code for my style.css file</p>

<pre><code>.orderform{
    color: red;
}
</code></pre>

<p>with a simple code of this I am not sure why it is not working. Please do guide me on how to use class CSS in ReactJS</p>