🛠 글을 조회할 수 있는 카드 UI를 만들기

llighter commented 3 years ago

이 기능요청🌟이 어떤 문제와 연관이 있나요? 설명해주세요. 메인화면 혹은 블로그 글은 내가 작성한 글들이 카드 형태로 표현되는데 이를 구현해야한다.

당신이 바라는 해결책💡을 설명해주세요.

web.dev 카드 형태를 그대로 구현하는 것
Tailwindcss를 이용해서 Card 레이아웃을 구현하는 것(일반적인 카드 or Toss feed 에서 만들어진 카드UI를 레퍼런스로 사용)
Tailwindcss로 만들어진 daisyUI를 이용하여 구현하는 것

위 방법 중 택일

위 내용이외에 대신해서 처리할 수 있는 방법이 있다면 알려주세요. 2번이 적합해보인다.

추가적인 정보 카드를 구현한다는 것은 화면 넓이에 따라 반응해야함을 의미한다.

llighter commented 3 years ago

Sizing Images and Videos with Aspect Ratios with Tailwind CSS 영상을 참고해서 카드에 들어가는 이미지의 비율을 동일하게 유지하도록 해야한다.

Multi-Line Truncation with the New Line Clamp Plugin 영상을 참고해서 카드가 가장 긴 것을 기준으로 길이가 맞춰지도록 해야한다.

llighter commented 3 years ago

llighter / yunha-ind-astro