# CSS로 'Modern Category + Group Boxes' 썸네일 크기 조절하는 법

**URL:** https://meta.discourse.org/t/how-to-resize-modern-category-group-boxes-thumbnail-via-css/296561
**Category:** Development
**Tags:** css
**Created:** [2월 24, 2024, 12:56오전 UTC](https://meta.discourse.org/t/how-to-resize-modern-category-group-boxes-thumbnail-via-css/296561 "2024-02-24T00:56:21Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Heliosurge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/heliosurge/32/571810_2.png) [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [2월 24, 2024, 1:32오전 UTC](https://meta.discourse.org/t/how-to-resize-modern-category-group-boxes-thumbnail-via-css/296561/3 "2024-02-24T01:32:17Z")

</div>

이 주제에 도움이 될 수 있습니다. @Canapin 님이 여기서 꽤 멋진 코딩을 하셨습니다.

> [@카테고리: 스마트폰 보기 컴포넌트](https://meta.discourse.org/t/categories-smartphone-view-component/258590/14?u=heliosurge):
>
> 그 점을 인지하고 있으며 논의 중입니다 +1 호기심이 생겨서 @derak 님이 원하시는 것과 비슷한 것을 만들려고 이 부분을 수정해 보았습니다: .category-boxes, .category-boxes-with-topics { gap: 1em; } .mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box { width: 100%; flex: 0 0 calc(50% - 0.5em); } .category-boxes .description { display: none; } .category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 { text-align: center !important; } .ca…

---

_[View the full topic](https://meta.discourse.org/t/how-to-resize-modern-category-group-boxes-thumbnail-via-css/296561)._