allsnsrank
회원가입

Flexbox로 가로, 세로 모두 가운데 정렬 + 변수 해결하기 | CSS 가운데 정렬 특집 | 빔캠프

빔캠프 CSS
구독자 9,790명
조회수 241회 · 좋아요 14 · 2025-03-19 📊 채널 정보 보기 ▶ 유튜브

지금 보고 있는 영상

Flexbox로 가로, 세로 모두 가운데 정렬 + 변수 해결하기 | CSS 가운데 정렬 특집 | 빔캠프
조회수 241
영상 설명 · 눌러서 펼치기
💪 빔캠프 "CSS 한걸음더" 줌라이브 강의
https://frontendgym.com/event/css-nextstep/

💪 빔캠프와 만나기 (소규모 오프라인 강의)
https://veamcamp.com/

💪 영상 설명
Flexbox를 이용하여, 전체 창 기준 가로 세로 가운데 정렬을 진행합니다. 가운데 정렬 자체는 매우 단순한 방법으로 진행 할 수 있지만, 내부 콘텐츠의 상태나 창 크기에 따라 여러 변수가 생길 수 있습니다. 이러한 추가 변수를 발견하고 해결하는 과정을 담고 있습니다.

💪 작업 파일 다운로드
https://drive.google.com/file/d/1z0zrUwJwWJyLkvO0ZN9cD9QhH86iYAzY/view?usp=sharing

위 파일을 다운로드하여 영상 초반에 나오는 디자인을 먼저 만들어보세요!
전제조건1. 전체창 기준, 가로세로 가운데정렬 되어있는 카드 디자인 만들기
전제조건2. flexbox를 활용 해야합니다.