.component-wrap.grid-on {
  display: grid;
  grid-template-columns: calc(100% - 20px) 20px;
}
.component-wrap.grid-on.pre-grid {
  /* display: grid; */
  grid-template-columns: 20px calc(100% - 40px) 20px; /* 20px for first column is drop area width value */
}

.component-wrap.grid-on .component-con {

}

.component-wrap.grid-on .drop-area-grid {
  position: relative;
}