LEE.SOL > CSSBattle > Daily Targets (260422)

Daily Targets (260422)

코드

<p>
  <i></i>
  <i s></i>
</p>
<style>
  &>* {
    display: grid;
    place-items: center;
    background: #66284A
  }

  p {
    display: flex;
    width: 320;
    height: 120;
    background: #F7BED9
  }

  i {
    /* 평행사변형 모양 */
    width: 58.2;
    height: 100%;
    margin: 0 61;
    background: #66284A;
    transform: skewX(-30deg)
  }

  [s] {
    margin-left: 21
  }
</style>