위젯 정렬 질문 드립니다.

메인에서 이미지를 가로로 5개 나열을 하려고 합니다.

사이드 위젯 숨기기 버튼이 있어서 클릭했을때 좌측에 배치된 최근글 위젯이 사라지며

레이아웃의 가로폭이 넓어지게 됩니다.

문제는 각 이미지의 width를 20%로 했을때 가로의 폭이 레이아웃의 폭에는 맞춰지나

세로폭은 고정이라 이미지 배율이 틀어지게 됩니다.

초보의 짧은 지식으로는 height 값을 auto로 지정해야 할 것 같은데 어디에서

css값을 입력해야 하는지 조언 부탁 드립니다.

추가로 PC화면에서 위의 배열을 쓰다 모바일 화면에서는 각 이미지의 가로 크기가 화면 폭에 맞게 꽉차게 하려면

어떻게 적용하는게 좋을까요? 이 경우 이미지는 세로로 정렬이 되고요.

가로 20%를 준 상태라 크기가 많이 작네요.

모바일용 위젯 구성을 따로 해야하는게 맞는건가요?