모바일에서 표가 잘리는데 해결 방법 있나요?

제품 세 개를 비교한 표가 데스크톱에서는 잘 보이지만 모바일에서 오른쪽 열이 화면 밖으로 잘립니다. 글자가 작아지도록 축소하면 읽기 어렵고 가로 스크롤을 넣으면 사용자가 표를 놓칠 것 같습니다. 열 수를 줄이는 게 가장 현실적인가요?

현재 열은 제품명, 가격, 크기, 무게, 장점, 단점으로 여섯 개입니다. 모바일에서는 제품별 카드로 바꾸거나 핵심 세 열만 표로 보여 주고 상세 내용은 아래 문단으로 내리는 방식을 고민 중입니다. 위블로그 편집기에서 반응형으로 두 형태를 나누어 표시할 수 있을까요?

검색엔진과 생성형 답변이 비교 내용을 읽기에는 HTML 표가 좋다고 들어 이미지를 쓰고 싶지는 않습니다. 헤더와 셀의 관계가 유지되면서 화면만 카드처럼 보이게 하는 방법이 접근성에도 괜찮은지 궁금합니다. 실제 기기에서는 320픽셀 폭까지 확인하려 합니다.

우선 가격과 핵심 특징만 남긴 간단한 표를 위에 두고 제품별 상세 설명을 아래로 옮길 계획입니다. 표 제목과 기준일도 명시하려 합니다. 모바일 비교 콘텐츠를 운영하면서 이탈을 줄인 구성이나 반드시 피해야 할 형태가 있다면 알려주세요.