현재 주신 이미지에서는 리스트의 높이를 조정하면 됩니다.

우측의 아이콘 이미지는 width:100%가 적용된 상태로 높이계 유동적으로 계속 바뀌는 부분입니다.

 

일정 크기마다 계속 변환을 해줘야 하는부분이기떄문에 @media query를 사용하여 높이값이나 padding값을 조절하는게 제일 좋은방법입니다.

 

편법으로 한다면 옆의 아이콘 의미지의 똑같은 투명이미지를 제작하셔서 같은자리에 삽입해주시고

리스트를 position:absolute;left:0;top:0;으로 투명이미지 위에 올리는 방법이 있습니다.

(이방법은 첨부해주신 이미지와는 다르게 넘어간부분까진 잡아주지 않습니다. media query를 같이 사용하셔서 일정 사이즈일때는 리스트 높이를 줄여주세요.)

 

또는 jquery reisze를 이용하여 사이즈가 변할때마다 높이를 잡는 방법이 있지만 이부분은 홈페이지가 무거워지기 때문에 추천해드리지 않습니다.