Splitted Form

by Kirubel Girma

HTML

<div class="sub_card" id="p1m">
  <div class="sub_txts">

  </div>
  <div class="sub_svs">

  </div>
</div>

CSS

.sub_card {
  height: 25em;
  width: 44em;
  background-color: cornflowerblue;
}

.sub_txts {
  height: 100%;
  width: 60%;
  background-color: white;
  float: left;
}

.sub_svs {
  height: 100%;
  width: 40%;
  background-color: green;
  float: right;
}

.input {
  height: 3em;
  width: 94%;
  margin: 0.3em;
  padding: 0 6px;
  border: none;
  outline: none;
  background: green;
  font: 16px/1 'Lato', san-serif;
  color: #404040;
}

.text-area {
  min-height: 38px;
  height: 38px;
  margin: 0.3em;
  overflow-y: hidden;
  resize: none;
  -webkit-transition: height .1s;
  -moz-transition: height .1s;
  transition: height .1s;
}