CSS Grid Layout does not work when MDBREACT added to create-

Hi @Mike.Thomson,

I did test your commands and everything works correctly for me.

I did:

• npx create-react-app my-test
• cd my-test

• npm add mdbreact

  Then I added this code:

  import React from 'react';
  import './App.css';
  import { MDBContainer, MDBRow, MDBCol } from 'mdbreact';
  
  
  function App() {
    return (
    <MDBContainer>
      <MDBRow>
        <MDBCol md='8'>
          .col-md-8
          <MDBRow>
            <MDBCol md='6'>.col-md-6</MDBCol>
            <MDBCol md='6'>.col-md-6</MDBCol>
          </MDBRow>
        </MDBCol>
        <MDBCol md='4'>.col-md-4</MDBCol>
      </MDBRow>
    </MDBContainer>
    );
  }
  
  export default App;
  

• And this css

  .col-md-8,
  .col-md-6,
  .col-md-4 {
    padding: 1rem;
    background-color: #33b5e5;
    border: 2px solid #fff;
    color: #fff;
    text-align: center;
  }
  

• sudo yarn start (because I use Linux)

And this looks like that: ,

You are sure, that nothing overwrites your styles?