CSSBattle

Daily Targets (260310)

코드
<p><p r><p t><p t r>
<style>
  &>* {
    display: grid;
    place-items: center;
    background: #243D83
  }
  
  p {
    /* 사각형 형태를 겹쳐서 최종 모양 표현 */
    grid-area: 1 / 1;
    width: 120;
    height: 100;
    background: #FFF
  }
  
  [r] {
    transform: rotate(90deg)
  }

  [t] {
    width: 180;
    height: 40
  }
</style>