BEM : 클래스 규칙
B : Block - 독립적인 컴포넌트(header, card, button, modal, form)
E : Element - 구성요소( _ _ ) title, description, card _ _ , header, card__title
M : Modifier - 변형된 상태 (--) buttion--primary, card__title--large
<장점>
명확한 구조와 계층 관계 표현
재사용성이 높은 모듈화된 CSS
유지보수가 용이
협업 시 코드 이해도 향상
CSS Logical Properties : CSS 새로운 문법
참고 :
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Logical_properties_and_values
margin-block: margin 상하
margin-inline: margin 좌우
margin-block-start : margin-top
margin-block-end : margin-bottom
margin-inline-start : margin-left
margin-inline-end : margin-right
