CSSBattle

Daily Targets (260415)

코드
<p></p>
<p s><i></i></p>
<p t><i l></i></p>
<b></b>
<style>
  &>* {
    display: flex;
    align-items: center;
    background: #2FAA8B;
    margin-left: 50
  }

  p {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    width: 95;
    height: 110;
    background: #17405B
  }

  [s] {
    width: 105;
    height: 240
  }

  i {
    /* 중앙 초록색 사각형 */
    width: 80;
    height: 20;
    margin-left: 15;
    background: #2FAA8B
  }

  [t] {
    width: 200;
    height: 999
  }

  [l] {
    height: 110;
    margin-left: 100
  }

  b {
    /* 상·하단 사각형 길이가 다른 부분을 메꿈 */
    position: fixed;
    left: 205;
    bottom: 0;
    width: 50;
    height: 30;
    background: #2FAA8B
  }
</style>