003.push-button.md

Battle #1 - Pilot Battle

#3 - Push Button

Link to problem

My Solution

<div class='cont'>
    <div class='rect'></div>
    <div class='lrg cir'></div>
    <div class='med cir'></div>
    <div class='sml cir'></div>
  </div>
  <style>
    * {
      margin: 0;
    }
    div {
      position: absolute;
      background: #6592CF;
    }
    .cont {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100%;
      width: 100%
    }
    .cir {
      border-radius: 50%;
    }
    .sml {
      width: 50px;
      height: 50px;
      background: #EEB850;
    }
    .med {
      width: 150px;
      height: 150px;
      background: #243D83;
    }
    .lrg {
      width: 250px;
      height: 250px;
      background: #6592CF;
    }
    .rect {
      width: 300px;
      height: 150px;
      background: #243D83;
    }
  </style>