# 다양한 화면 크기에서 배너 이미지가 중앙에 고정되지 않음

**URL:** https://meta.discourse.org/t/banner-image-not-staying-centred-on-different-screen-sizes/321624
**Category:** Support
**Tags:** search-banner
**Created:** [8월 14, 2024, 11:35오전 UTC](https://meta.discourse.org/t/banner-image-not-staying-centred-on-different-screen-sizes/321624 "2024-08-14T11:35:06Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![RichardHodson](https://avatars.discourse-cdn.com/v4/letter/r/858c86/32.png) [@RichardHodson](https://meta.discourse.org/u/RichardHodson)
#### Post date: [8월 14, 2024, 11:35오전 UTC](https://meta.discourse.org/t/banner-image-not-staying-centred-on-different-screen-sizes/321624/1 "2024-08-14T11:35:06Z")

</div>

안녕하세요 👋

‘ **welcome to** ’ 이미지가 화면 크기를 조정하거나 다른 크기의 화면으로 창을 이동할 때 가운데 정렬이 유지되지 않습니다.

이 문제를 해결하는 방법에 대해 아이디어가 있을까요?

감사합니다

 ![Screenshot 2024-08-14 at 12.26.15](https://global.discourse-cdn.com/meta/original/4X/f/6/e/f6e674f683a731dc773566d0c1f582f2a6a06586.png)  
 ![Screenshot 2024-08-14 at 12.26.36](https://global.discourse-cdn.com/meta/original/4X/a/8/a/a8ae28c952fa52f9102866b6b3c198fa722e38c4.jpeg)

---

<div class="post-metadata">

### Author: ![Vaping\_Community](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/vaping_community/32/89248_2.png) [@Vaping\_Community](https://meta.discourse.org/u/Vaping_Community)
#### Post date: [8월 14, 2024, 12:44오후 UTC](https://meta.discourse.org/t/banner-image-not-staying-centred-on-different-screen-sizes/321624/2 "2024-08-14T12:44:15Z")

</div>

당신 웹사이트를 찾는 데 한참 걸렸는데… 이건 배경 이미지가 중앙에서 벗어나 있는 문제의 CSS입니다

```plaintext
.search-banner {
    background-image: var(--custom-bg);
    background-size: cover;
    background-repeat: no-repeat;
}

```

수정된 CSS는 다음과 같습니다

```plaintext
.search-banner {
    background-position: center;
    background-image: var(--custom-bg);
    background-size: cover;
    background-repeat: no-repeat;
}

```

 ![Screenshot 2024-08-14 134449](https://global.discourse-cdn.com/meta/original/4X/2/d/b/2db8c9e145db481de8721970d1f758473d511bca.jpeg)

---

<div class="post-metadata">

### Author: ![RichardHodson](https://avatars.discourse-cdn.com/v4/letter/r/858c86/32.png) [@RichardHodson](https://meta.discourse.org/u/RichardHodson)
#### Post date: [8월 14, 2024, 1:10오후 UTC](https://meta.discourse.org/t/banner-image-not-staying-centred-on-different-screen-sizes/321624/3 "2024-08-14T13:10:36Z")

</div>

역시 되네요! 도움 주셔서 감사합니다

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [9월 13, 2024, 1:10오후 UTC](https://meta.discourse.org/t/banner-image-not-staying-centred-on-different-screen-sizes/321624/4 "2024-09-13T13:10:52Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.