화면 크기에 따라 레이아웃이 유연하게 변경됩니다.
실시간 데이터
이 카드는 모바일에서 화면 전체 너비의 100%를 차지하며, 큰 화면으로 갈수록 여러 카드와 나란히 배치됩니다.
유연한 디자인
Tailwind CSS의 반응형 유틸리티(sm:, lg:)를 사용하여 각 화면 크기에 최적화된 격자 레이아웃을 구현했습니다.
접근성 보장
적절한 대비와 터치 영역 크기를 고려하여 모든 기기에서 사용자가 쉽게 상호작용할 수 있도록 설계했습니다.
화면 크기에 따라 레이아웃이 유연하게 변경됩니다.
이 카드는 모바일에서 화면 전체 너비의 100%를 차지하며, 큰 화면으로 갈수록 여러 카드와 나란히 배치됩니다.
Tailwind CSS의 반응형 유틸리티(sm:, lg:)를 사용하여 각 화면 크기에 최적화된 격자 레이아웃을 구현했습니다.
적절한 대비와 터치 영역 크기를 고려하여 모든 기기에서 사용자가 쉽게 상호작용할 수 있도록 설계했습니다.