Refactor: Card 컴포넌트 업데이트 된 디자인 반영 및 버그 수정

[hankim0904]

📌요구사항

• Card 컴포넌트 업데이트 된 디자인 반영 및 버그 수정

📌작업 진행 상황 (에러, 막혔던 부분, 그외 궁금한것 등등)

• Card 제목 영역 높이 고정

• 닉네임 글자 수 제한 반응형으로 구현

  • 구현을 완료 했으나 rebase 이후 알 수 없는 padding 값이 더해져서 이상해짐 -> 해결 필요

• home 페이지 모바일 사이즈에서 그림자 버그 수정

• Stack, Position 개수 제한 반응형으로 구현

  • position

  	home	studyList
  모바일	2	2
  타블렛	3	3
  데스크탑 narrow	4	3
  데스크탑 wide	2	2

  • stack

  	studyList
  모바일	5
  타블렛	5
  데스크탑 narrow	5
  데스크탑 wide	4

• 나경님께 말할 것 -> DefaultChip에 ... img를 넣을 수 있을까요?

📌스크린샷 / 테스트결과 (선택)

• home page
  • 체크 포인트
    • 제목 영역 높이 고정
    • 닉네임 글자수 제한(반응형)
    • 그림자 버그 수정
    • stack, position 수 제한

home_.mp4

• studyList page
  • 체크 포인트
    • 제목 영역 높이 고정
    • 닉네임 글자수 제한(반응형)
    • stack, position 수 제한

studyList_.mp4

📌이슈 번호

close #85

[github-actions]

올바른 PR 형식

올바른 PR 형식입니다.
코드 작성하시느라 수고 많으셨습니다 :)

[Yoon-kyungLee]

구뜨