<p>안녕하세요</p>
<p>ImgWrapper에 padding: 32px을 적용했는데</p>
<p>패딩이 다 들어가는데 bottom만 적용이 안되고 끝까지 이미지로 채워집니다.</p>
<p>혹시나해서 선생님 깃에 있는 코드를 복붙해도 똑같네요ㅠㅠ</p>
<p>그거 때문인지 Indicator도 보이지 않아서 아래 코드를 덧붙여서 보이게 했습니다ㅠㅠ</p>
<p>혹시 뭐가 문제인지 알 수 있을까요</p>
<p>코드는 선생님꺼 정말 그대로 갖다 쓰고, Indicator에</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div><span style="color: #9cdcfe;">position</span>: <span style="color: #ce9178;">absolute</span>;</div>
<div><span style="color: #9cdcfe;">bottom</span>: <span style="color: #b5cea8;">10px</span>;</div>
<div><span style="color: #9cdcfe;">left</span>: <span style="color: #b5cea8;">50%</span>;</div>
이 코드만 썼습니다.</div>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;"><img src="https://cdn.inflearn.com/public/files/posts/e5fc582a-13ee-4f08-90ed-02622ae26447/blob" alt="" /></div>

<p>해결됐습니다!! 휴일인데 빠른 답변 감사합니다~~</p>

<p>padding-bottom도 따로 적용해봤는데 안되길래 일단 인디케이터라도 보이게 하려고 absolute 해놓은겁니다..ㅎㅎ 다른거 한번 찾아보겠습니다~!</p>

<p>position absolute인 게 아래패딩을 덮어쓴 것 같네요. bottom값을 조정해보세요.</p>

Inflearn Community Q&A

ImgWrapper에 padding-bottom이 적용안됨