[CSS] 모바일 배경색 문제

안녕하세요,

첨부된 파일에서 보실 수 있듯이, "Contributeur"라는 제목의 배경에 문제가 있습니다. 배경색의 길이가 너무 깁니다. 모바일에서 각 제목에 맞게 어떻게 조정할 수 있을까요? 제목마다 길이가 다른데, 어떤 것은 짧고 어떤 것은 깁니다.

참고: 데스크톱에서는 완벽합니다.

사용 중인 CSS는 다음과 같습니다:

.names .staff ~ span.user-title {
background: rgb(24,65,141);
background: linear-gradient(90deg, rgba(24,65,141,1) 0%, rgba(193,39,45,1) 100%);
color: white !important;
padding: 3px 5px;
}

감사합니다

오늘 이것저것 만져보다가 발견해서 아래 방법으로 해결했습니다:

.topic-meta-data .names .user-title {
  flex-basis: unset;
}

동작합니다. 정말 감사합니다 :slight_smile: @tshenry