title: Add additional css class name in react app
body: <p>I'm using bulma css in my react application. And I have some additional css in my css module file to set image size.</p>
  <p>Additionally I want to use css classes from bulma like <code>my-2 mr-4</code> in my main wrapping div.</p>
  <p>How do I add these classes to the main wrapping div ?</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>import React from "react";
  
  import logoimg from "../../assets/images/logo.svg";
  import classes from "./Logo.module.scss";
  
  const logo = (props) =&gt; {
    return (
      &lt;div className={classes.Logo}&gt;
        &lt;a href="/"&gt;
          &lt;img src={logoimg} /&gt;
          &lt;p&gt;Resume Builder&lt;/p&gt;
        &lt;/a&gt;
      &lt;/div&gt;
    );
  };
  
  export default logo;</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.Logo a img {
    width: 80px;
    height: auto;
    vertical-align: middle;
  }
  .Logo a {
    text-align: center;
  }
  
  .Logo a p {
      display: inline-block;
      color: #434343;
      font-weight: bold;
    }</code></pre>
  </div>
  </div>
  </p>