cardを押すと詳細ページが画面中央に大きく表示されるようにする

[stshf]

タスク

• [x] 説明文の削除
• [x] cardサイズをそろえる
  • aspect-[16/9] object-cover: 画像のaspect比を設定。画像が決められた範囲を覆う
  • min-h-[3rem] line-clamp-2: 最小文字3行分の幅を持たせ、文字列が2行以上になる場合省略される
• [x] 詳細ページの表示方法検討
  • https://www.w3schools.com/howto/howto_css_modals.asp
  • https://tailwindui.com/components/application-ui/overlays/drawers
• [x] cardをクリックすると詳細ページが開く設定にする
• [x] 詳細ページのcontentsがcardに対応するようにする