JSFiddle - React, Tailwind, and code Playground

by Mustafa Oeztuerk

HTML

<section id="a"></section>
<section id="b"></section>

CSS

section {
  width: -webkit-calc(100% - 0px);
    width: -moz-calc(100% - 0px);
    width: calc(100% - 0px);
    height: -webkit-calc(100% - 0px);
    height: -moz-calc(100% - 0px);
    height: calc(100% - 0px);
  overflow: hidden;
}

#a {
  background: linear-gradient(1deg, #9f00b8, #2a032d);
  position: absolute;
}

#b {
  background: linear-gradient(1deg, #25cc00, #2a032d);
  left: calc(100% - 0px);
  left: -webkit-calc(100% - 0px);
  left: -moz-calc(100% - 0px);
  position: relative;
}