카테고리별 히어로 배너(이미지 + 오버레이 텍스트) 재현 시 레이아웃 시프트 방지 방법

매우 초라한 데모입니다(토픽 카드를 사용하지 않고 있습니다) 하지만 내장된 카테고리 배경 이미지만으로도 쉽게 이걸 구현할 수 있다고 생각합니다:

카테고리 설정에 카테고리 배경만 추가하면

이미지가 body 태그에 배치됩니다. 그런 다음 취향에 맞게 CSS를 조정해 보세요(제 예시는 400px입니다):

`+ 텍스트 정렬을 조금만 다듬으면, 원하는 것과 비슷한 결과를 얻을 수 있을 것 같습니다. 다만 가장 큰 단점은 정말로 전체 폭(full-width)으로 표시되므로, 화면이 넓은 경우 양쪽으로 튀어나오는 것을 볼 수 있다는 점입니다.

완벽하지는 않지만, 속도는 빠르죠 :wink: