Absolute Positioning elements

HTML & CSS
5

About 5.)

Do you agree with that?


.left-background {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 12px;
  height: 100%;
  background: rgba(0, 255, 255, 0.5);
}

.left-border {
  position: absolute;
  top: 0;
  left: 12px;
  margin: 0;
  width: 3px;
  height: 100%;
  background: #0059dd;
}

.middle-background {
  position: absolute;
  top: 0;
  left: 15px;
  margin: 0;
  width: 14px;
  height: 100%;
  background: rgb(50, 139, 77, 0.5);
}

.right-border {
  position: absolute;
  top: 0;
  left: 29px;
  margin: 0;
  width: 3px;
  height: 100%;
  background: #0059dd;
}

.right-background {
  position: absolute;
  top: 0;
  left: 32px;
  margin: 0;
  width: 12px;
  height: 100%;
  background: rgba(255, 0, 255, 0.5);
}