Kboard 페이지를 모바일에서 봤을 때, 글 리스트 표의 크기 문제에 관하여 질문드립니다.

안녕하세요, 좋은 서비스에 감사의 말씀 올립니다.

다름이 아니라 Kboard 페이지를 모바일에서 보았을 때 고치고 싶은 점이 있어 이렇게 문의를 드립니다.

_

<사진 1>은 Kobard 데모 페이지를 모바일에서 본 것입니다.

사진 1: https://imgur.com/0WyhOF7

저는 <사진 1>에서 화살표가 가르키는 바와 같이 Kboard 글 리스트 표의 넓이를 넓히고자 합니다.

휴대폰의 가장자리까지 표의 크기를 키우고 싶습니다.

_

이를 위해 저는 크롬 개발자 도구를 이용하여 다음과 같은 코드를 작성해보았습니다.

#kboard-thumbnail-list{width: 120%;}

width의 값을 120%로 한 것은, 기본값이 100%이기 때문에 이보다는 더 큰 값을 넣어야한다고 생각했기 때문입니다.

width의 값을 120%로 넣으니 표가 커지기는 했습니다만 아래와 같은 문제점이 발생하였습니다.

_

아래에 있는 <사진 2>를 보시면 표의 가로 길이는 분명히 확대 되었으나, 오로지 '오른쪽'으로만 확대됨을 알 수 있습니다.

사진 2: https://imgur.com/e4X9Q9Z

_

저는 표를 왼쪽과 오른쪽 모두 동등하게 확대하고 싶습니다.

그렇게 함으로서 휴대폰의 왼쪽 가장자리와 오른쪽 가장자리 모두에 표가 맞닿을 수 있도록 만들고자 합니다.

어떻게 하면 좋을까요?

감사드립니다.

 

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요