“post_1” 뒤에 고객 HTML 추가하는 방법 (2부)

[Don]

안녕하세요,

이를 위해 일부 CSS를 사용해야 합니다.

공통(Common)의 모바일 및 데스크톱 뷰(CSS)에서 이미지에 100% 너비를 추가하세요.

#custom-ad {
  .custom-ad-link {
    img {
      width: 100%;
    }
  }
}

---

데스크톱 뷰(CSS)에서 #custom-ad ID에 최대 너비를 추가하여 배너 너비를 토픽 아바타 + 토픽 본문과 동일하게 설정하세요. 이는 위에서 공통에 추가한 이미지 100% 너비가 됩니다.

#custom-ad {
  max-width: calc(45px + 690px + (11px * 2));
}

45px = 토픽 아바타 너비
690px + (11px * 2) = .cooked 클래스에 사용되는 토픽 본문 너비 및 왼쪽 11px, 오른쪽 11px 패딩입니다.

아래와 같은 모습으로 표시됩니다.

데스크톱 뷰 (전체)

---

데스크톱 뷰 (반응형)

---

모바일 뷰