body, root, 전체 배경과 기본 글꼴처럼 앱 전체에 적용되는 규칙을 둡니다.
profile card review
프로필 카드 실습은 스타일 역할을 전역, 컨테이너, 카드로 나눈다
전역 CSS는 페이지 뼈대, styled-components는 컨테이너 변형, CSS 모듈은 카드 내부 모양을 맡기며 스코프 충돌을 확인합니다.
카드 목록의 max-width, gap, responsive grid 같은 레이아웃 컨테이너를 표현합니다.
이미지, 이름, 설명, 링크 버튼처럼 카드 내부 요소는 CSS 모듈로 범위를 제한합니다.
모듈 클래스가 다른 카드나 페이지 스타일과 충돌하지 않습니다.
컨테이너 변형은 props로 의미 있게 제어합니다.
프로필 이미지는 비율과 alt 텍스트를 유지합니다.
카드가 한 열로 재배치되어 내용이 잘리지 않습니다.