<aside> 📌

css 를 작성할 때 아래와 같은 순서로 속성을 나열해 보아요~ 각 단계 사이에는 공백을 한 줄 넣어주세요! (가독성을 위해)

</aside>

1. 레이아웃 속성 (display, position, float 등)
2. 박스 모델 속성 (width, height, margin, padding, border 등)
3. 시각 관련 속성 (background-color, background-image, box-shadow 등)
4. 글꼴 관련 속성 (font-size, font-family, color, text-align, text-transform 등)
5. 기타 속성 (opacity, cursor, overflow, z-index, transition, animation 등)

ex)

SkeletonCard: styled.div`
    width: 29.6rem; /*2단계*/
    height: 58.3rem;
    margin: 5rem 2rem;

    background-color: #94a3b8; /*3단계*/
    border-radius: 2rem;

    animation: ${pulseAnimation} 1s infinite; /*5단계*/

  `,