JSFiddle - React, Tailwind, and code Playground

by mikapon

HTML

<div class="container">
  <div class="sky"><span class="light"></span></div>  
</div>

CSS

.container {
  width: 100%;
  height: 100vh;
  background-color: black;
}

.sky {
  width: 100%;
  height: 60vh;
  background: linear-gradient(to bottom, #68b0dd 46%, #68b0dd 46%, #68b0dd 71%);
}

.light {
  width: 100%;
  height: 100%;
  background-image:
    radial-gradient(
      yellow,
      #f06d06
    );
}