인프런 커뮤니티 질문&답변

원스텝님의 프로필 이미지

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

포트폴리오 CSS Grid 반응형 레이아웃(3) - 반응형 작업 및 object-fit

포트폴리오 CSS Grid 반응형 레이아웃에서

23.12.15 09:10 작성

·

174

1

여기서 align-items 랑 align-content가 개념이 잘 안잡혀요..ㅠ 인터넷에 검색해보니깐 한줄 두줄의 차이라고 하는데...

모바일사이즈일때는 한줄이 아니니깐 align-content라고 쓴걸까요? 아니면 justify-items: center; 코드가 있어서 일까요?

 

답변 1

1

코딩웍스(Coding Works)님의 프로필 이미지

2023. 12. 15. 20:06

align-items 는 한개 또는 여러개 요소를 수직정렬할 때 사용합니다.

반면에 align-content 는 브라우저 너비 기준으로 2줄 이상으로 여러개 요소를 수직정렬할 때 사용합니다.