CSSBattle

Daily Targets (260226)

코드
<b>
  <p></p>
  <p c></p>
</b>
<b s>
  <p c></p>
  <p></p>
</b>
<style>
  &>* {
    margin: 0;
    background:#12219A
  }

  b {
    display: flex;
    width: 50%;
    height: 50%;
    margin: 0;
    padding: 20;
    box-sizing:border-box;
    gap: 10px;
    /* 우측으로 반사 */
    -webkit-box-reflect:right
  }

  [s] {
    align-items: flex-end
  }

  p {
    /* 사각형 표현 */
    width: 50;
    height: 50;
    margin: 0;
    background: #70CCDB
  }

  [c] {
    /* 원 표현 */
    border-radius: 50%
    background: #DB5EAD;
  }
</style>