[Task] Client - Recommendation CSS (adjustable)

## Task Card

**Assignee** : (본명)

#### Job Description

반응형 CSS (모바일기기, 탭 사이즈 등) 만들기

(여기)

#### Todo
> 해당 작업이 완성되기 위해서 완료되어야 하는 작업 리스트를 적어주세요

1. media query 사용, 반응형 CSS구현

#### *Important*

##### estimated / consumed

Task Card 하나의 estimated time / consumed time 이 최대 3h 이 넘어가지 않게 작성해 주시기 바랍니다.

##### Labelling

- estimated time : `E:2h`
- consumed time : `C:1h`
- page : `Mypage`, `Index` ...
- position : `Clinet`, `Server`
- sprint : `Sprint`
- urgency : `High`, `Middle`, `Low`

##### Status 관리

- Task Card 의 상태에 따라 `To do`, `In progress`, `Done` 유지를 해주세요
- 진행하던 Task Card 를 중간에 안하게 되는 경우, `In Progress` 에서 `To do` 로 Status 를 변경해 주시기 바랍니다.

No file, component, page, or test is identified in the task. Locate the client recommendation UI and its existing styles first, then check the layout at mobile and tablet sizes; done means the recommendation view has the requested responsive CSS using media queries.

Written by the indexing model from the issue text.