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

Dongwoo Ha님의 프로필 이미지

작성한 질문수

CSS Flex와 Grid 제대로 익히기

Flex UI #7 - 카드 리스트

.card_image height 맞추기 문의

해결된 질문

작성

·

320

1

지난 interactive web강의가 좋아서,,,

로드맵 따라 정주행중입니다.

이번 강의는 들으면서 저도 궁금한 점들이 몇몇 있었는데, 제가 궁금한건 이미 다른 분들도 궁굼해 하셨네요. :)

https://www.inflearn.com/questions/64102  를 보고 한가지만 더 질문이 있어서요..^^;;

.card_image class에서 height를 가로비율 유지하기 위해서, 

height=0으로 세팅하고, margin-bottom: 60%으로 주었는데,  같은 방식으로 백그라운드의 이미지를 보여주는것이 목표라면,

margin-bottom 대신에 margin-top: 60% ; 주거나, 

margin : calc(60%/2) 0 ; 으로 지정하고 계산해도 되는거죠?

bottom만 써야 하는지 아닌지 궁금해요.

https://www.inflearn.com/questions/64102

답변 3

2

1분코딩님의 프로필 이미지
1분코딩
지식공유자

내부 여백을 확보하는 것이기 때문에, 보통은 margin이 아니라, padding으로 사용합니다.
그리고 말씀대로 bottom이 아니라 top으로 해주셔도 괜찮습니다^^

0

Dongwoo Ha님의 프로필 이미지
Dongwoo Ha
질문자

아...넵!! 

답변 감사드립니다~ :)

0

Dongwoo Ha님의 프로필 이미지
Dongwoo Ha
질문자

저렇게 해도 잘 나오는건 확인은 했는데... 궁금하네요...