Day 215

Ready to start the bonus project...
#CodingPhase #TheCodingWay #365CodingPhaseChallenge

**********

#content-area .main-area .widget-box.post .body .post-form {
  margin-bottom: 5px;
  background: #fcfcfc;
  padding: 10px 0 0 0;
  border: 1px solid #EDEDED;
  border-radius: 3px;
}

#content-area .main-area .widget-box.post .body .post-form .user-img {
  width: 7%;
  display: inline-block;
  /* overflow: auto; */
  float: left;
}

#content-area .main-area .widget-box.post .body .post-form::after {
  content: " ";
  clear: both;
  display: table;
}

#content-area .main-area .widget-box.post .body .post-form .user-img img {
  width: 40px;
  height: 40px;
  float: left;
  border-radius: 50%;
}

#content-area .main-area .widget-box.post .body .post-form .form-info {
  display: inline-block;
  float: left;
  width: 92%;
  font-size: 14px;
  padding: 10px 0;
  border-bottom: 1px solid lightgray;
}

#content-area .main-area .widget-box.post .body .post-form .form-info input {
  width: 80%;
  border: 0 solid #fff;
  padding: 5px;
  font-size: 16px;
}

#content-area .main-area .widget-box.post .body .post-form .form-info input:focus {
  width: 80%;
  border: 0 solid #fff;
  outline: none;
  font-size: 16px;
}

#content-area .main-area .widget-box.post .body .post-form .form-info .icons {
  display: inline-block;
  float: right;
}
#content-area .main-area .widget-box.post .body .post-form .form-info .icons .fa {
  color: lightgray;
  font-size: 20px;
  margin: 0 5px;
}