JSFiddle - React, Tailwind, and code Playground

by Jithin Raj P R

HTML

<div class="flag"></div>
<div class="pixeleted"></div>

CSS

.flag{
  background: linear-gradient(to right, #00ae00 33.3%, white 33.3%, white 66.6%, orange 66.6%);


margin-right: 20px;
}

.pixeleted{
    background: linear-gradient(30deg,red 0%, red 33.3%, black 33.4%, black 66.6%, red 66.7%);
}
    
div {
  width: 290px;
  height: 145px;
  border: 2px solid #999;
  display: inline-block;
}