feature: 의견 바랍니다.

[H-un1]

📌 관련 이슈번호

close : #117

🔍 구현한 내용

• 브랜드 목록 조회 API 연결하였습니다.

이후 기기검색 API를 연결 중인데, MOCK에서 실제 API로 연동 과정에서 UI가 다 깨지는 현상이 발생했습니다.
tailwind 수정으로 기존 코드에서 더 변경하여서 다시 맞췄지만, 살짝의 변동사항이 있습니다.

큰 문제는 반응형이 작동하지 않습니다. 좌측이 줄지 않으며, 우측 product가 깨집니다.
아이콘도 기존에는 변경되지 않다가 일정 사이즈에서 (1536) 아이콘 사이즈가 감소하였는데 지금은 처음부터 같이 변동됩니다.

의견 바랍니다.

📸 스크린샷 or 실행 영상

📢 리뷰어에게

[github-actions]

✅ PREVIEW https://device-life-frontend-lkff-70xjh6779-yuminparks-projects.vercel.app

[Seony777]

1. 화면 레이아웃의 경우 기존 develop브랜치 방식으로 복구하면 깨지는걸까요..?
   지금 추가된 inline padding + 추가 pl-40/px-40 같은 누적 패딩이 오른쪽을 잘리게 하는거 같습니다.
   1440–1920에서 잘 안정화되려면 clamp(120px, calc(120px + (100vw - 1440px) * 0.083333), 160px) 같은 식을 그대로 두되, 1440에서 정확히 120, 1920에서 160이 맞는지 확인해봐야 할 거 같습니다.

2. 카테고리 아이콘과 같은 경우 기본사이즈는 원래대로 복원하고 2xl만 확장하는게 어떨까 싶습니다. 1440–1535: 기존 w-50 h-50 유지, 1536+: w-60 h-60 적용

[waldls]

일단 반응형과 레이아웃이 깨지지 하지 않는 것이 1순위일 것 같습니다.
연동하니 1440PX에서 기기 3열 정렬이 안 되고 모달 바깥으로 정보가 튀어나오는 데 우선 이것 먼저 고쳐주시는 게 좋을 거 같아요.

[github-actions]

✅ PREVIEW https://device-life-frontend-lkff-85mpw1gga-yuminparks-projects.vercel.app