CSS Flex

Use display:flex to activate flex on an object in HTML5 any children will be affected if flex-grow is involved


 .bigbox_public{
    display:flex;
    width:80%;
    margin:auto;
    background-color:lightblue;
    border-radius: 10px;
    padding: 5px;
    }
    .bigbox_public p{
    margin:3px;
    }
  .public{
    margin: auto;
    width:80%;
  }
  .leftbox_public{
    width:45%;
    border-radius:10px;
    background-color:white;
  }
  .rightbox_public{
    width:45%;
    border-radius:10px;
    background-color:white;
    flex-grow:1;

Ended up ditching flex and used tables to position divs