sliver__

반응형 웹디자인을 제대로 구현하기 위해 꼭 알아야 할 두 가지 CSS 속성이 있습니다: **max-width**와 rem 단위입니다. 이번 포스트에서는 이 두 가지가 정확히 어떻게 작동하는지, 왜 사용하는지, 실제 예제와 함께 이해해 보겠습니다.max-width: 부모 요소의 크기에 맞춰 유연하게 줄어드는 너비기본 예시: width만 쓸 경우 .test { width: 1000px; padding: 100px; background-color: red;}width: 1000px를 설정하면 브라우저 크기를 줄여도 요소는 계속 1000px을 유지합니다.뷰포트보다 넓어질 경우 수평 스크롤이 생기며 사용성이 떨어집니다.✅ max-width로 바꿔보기.test { max-width: 1000px; padd..