038-not-simply-square.md

#38 Not Simply Square

^{GO TO THE PROBLEM}

Solutions

<div class="box one"></div>
<div class="box two"></div>
<style>
  body {
    margin: 0;
    background: linear-gradient(
      90deg,
      #fe5f55 150px,
      #a64942 150px,
      #a64942 200px,
      #293462 200px
    );
  }
  .box {
    width: 300px;
  }
  .one {
    height: 150px;
    background: linear-gradient(90deg, #fff1c1 200px, #fe5f55 200px);
  }
  .two {
    height: 50px;
    background: linear-gradient(90deg, #fff1c1 200px, #a64942 200px);
  }
</style>

<a><a b><style>*{background:linear-gradient(90deg,#FFF1C1 50%,#293462 50%)}a{position:fixed;top:0;left:200;width:100;height:200;background:linear-gradient(#FE5F55 75%,#A64942 75%)}[b]{transform:rotate(-90deg)translate(-150px,-150px