목록align-items: flex-end (1)

minyoung

flexbox froggy 정답 해설 기록✔️(1~5) - 5단계씩 정리 😀 총 24단계

display: flex; 속성을 사용하면 Flexbox 레이아웃이 생성되며, 이때 기본적으로 main axis는 수평(가로) 방향이 됩니다. Flexbox에서 main axis는 주로 항목들이 배치되는 주축을 나타냅니다. 1단계 : justify-content: flex-end;수평이 기본 main axis로, justify-content: flex-end를 통해 오른쪽 끝으로 froggy 요소를 이동시킵니다.justify-content는 주축(main axis)이 기준입니다.flex-end: 요소들을 컨테이너의 오른쪽으로 정렬합니다.2단계: justify-content: center;수평이 기본 main axis로, 수평 기준 가운데로 위치시켜준다.center: 요소들을 컨테이너의 가운데로 정렬한다...
CSS3 2023. 12. 1. 16:42
이전 Prev 1 Next 다음