# FKB Pro - 소셜 테마

**URL:** <https://meta.discourse.org/t/fkb-pro-social-theme/234323>\
**Category:** Theme\
**Created:** [7월 28, 2022, 8:58오후 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323 "2022-07-28T20:58:41Z")\
**Posts on this page:** 1\
**Showing post:** 42

<div class="post-metadata">

**Author:** ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)\
**Post date:** [10월 6, 2022, 2:44오후 UTC](https://meta.discourse.org/t/fkb-pro-social-theme/234323/42 "2022-10-06T14:44:01Z")

</div>

안녕하세요,

네, 반응형으로 만들기 위해 CSS도 사용해야 하기 때문이라고 생각됩니다. 🙂

아래와 같은 코드가 작동할 것입니다:

```xml
<a href="https://cursos.growthafiliados.com.br" class="banner-ad" target="_blank">
  <img class="banner-img" src="https://growthafiliados.com.br/uploads/default/original/2X/3/33bcb1003b66be344648d3ba84d1e05f8bf36c75.png"> 
</a>

```

공통 / CSS

```scss
.house-creative.house-post-bottom {
  max-width: calc(#{$topic-body-width} + (#{$topic-body-width-padding} * 2) + (12px * 2));
  margin: 8px 0 8px auto;
  .mobile-view & {
    max-width: 100%;
    .banner-ad {
      .banner-img {
        max-width: 100%;
      }
    }
  }
}

```

---

_[View the full topic](https://meta.discourse.org/t/fkb-pro-social-theme/234323)._