.container
  margin-top: 20px

.add-col-section
  display: flex
  flex-direction: row

.add-col-section div
   display:flex
   flex-direction: row

.column-section
  width: auto
  display: flex
  flex-direction: row

.form-group
    margin-bottom: 15px
    width: 150px
    display: flex
    margin-right: 10px!important

.add-column-btn
  margin-top: 10px
  display: block

.add-row-btn
  margin-top: 20px

.submit-btn
  margin-top: 30px

.row-section
  border: 1px solid #ccc
  padding: 20px
  margin-bottom: 20px
  position: relative

@media (min-width: 768px)
  .add-col-section
    display: flex // Ensures that the columns are stacked vertically

  .column-section
        display: flex
        margin-bottom: 15px
        flex-direction: row

  .row-section
    padding: 20px
    overflow-y: auto