프로그래밍
Flexbox와 Grid에서 justify-content와 align-items 속성 사용법
CSS에서 요소를 중앙에 배치하거나 정렬하려면 justify-content와 align-items 속성을 사용해야 합니다. 그러나 이 속성들은 Flexbox나 Grid 레이아웃 컨테이너에서만 동작합니다. 이 포스팅에서는 Flexbox와 Grid 컨테이너에서 이 속성들이 어떻게 작동하는지 설명하겠습니다.1. justify-content와 align-items의 개념justify-content: 주축(main axis)을 따라 자식 요소를 정렬합니다.align-items: 교차축(cross axis)을 따라 자식 요소를 정렬합니다.2. Flexbox와 Grid 설정 예시(1) display 속성이 없는 경우.container { justify-content: center; /* 효과 없음 */ align..