@bbc/react-transcript-editor/dist/TranscriptEditor/index.module.css

A React component to make transcribing audio and video easier and faster.

/* .simple-form-group {
    margin-bottom: 1rem;
  }
  .simple-text-label {
    display: block;
    color: red;
  }
  .simple-text-input {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: 16px;
    font-weight: 400;
    color: rgb(33, 37, 41);
  } */


  /*  https://medium.com/samsung-internet-dev/common-responsive-layouts-with-css-grid-and-some-without-245a862f48df */

  

/* Desktop size */
@media (min-width: 768px) {
  .container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
    /* min-height: 100vh; */
    /* background-color: #f1f1f1; */
  }

  .main {
    width: 70%;
    padding: 20px;
    background-color:#fff;
    /* flex: 1;
    height: 75vh;
    box-shadow: 0 0 10px #ccc; */
  }

  .aside {
    width: 30%;
    /* padding: 20px; */
    /* background-color: #936; */
  }
  
}

/* Mobile devices */
@media (max-width: 768px) {
  .container {
    flex-wrap: wrap;
  }
  .main {
    width: 100%;
  }
  .aside {
    width: 100%;
  }
}