Creating hard lines

by Santosh Thakur

HTML

<!-- Learn about this code on MDN: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients -->

<div class="striped"></div>

CSS

div {
  width: 120px;
  height: 120px;
}.striped { 
   background: linear-gradient(to left, cyan 80%, palegoldenrod 20%); 
}