코드가 처음인 사람을 위한 Modern HTML CSS
/
CSS Basics
/
Profile Card Styles II

Profile Card Styles II

앞서 배운 배치(Distribution) / 정렬(Alignment) 기법을 활용하여 Profile Card 를 꾸며 봅니다

Tutorial

16 min follow •

featured-image-of-Profile Card Styles II

Section 1

display:flex 과 padding 으로 Element 들 배치하기

display:flex 과 padding 으로 Element 들 배치하기

flex 를 이용하여 Element 들을 적절하게 배치하고

padding 이용하여 이 배치된 Element 들과 parent 사이에 여백을 줄 수 있습니다

Loading Summary...
이 튜토리얼을 계속 읽으시려면, 로그인 or 회원가입 해주세요
© 2025 Harbor School - Proudly built with Lighthouse Design System
© 2025 Harbor School - Proudly built with Lighthouse Design System