Learning Resource Grid - Copy this Html, Tailwind Component to your project

"Design a learning resource display page with a grid layout. Each resource is represented by a card containing: A thumbnail image (e.g., file icon for Word/PowerPoint, video thumbnail for videos, or the actual image for photos). The name of the resource prominently displayed below the thumbnail. Tags or labels to indicate properties such as file type (Word, PowerPoint, Video), subject, and grade level. Include an interactive filter bar at the top for users to sort resources by type, subject, or grade. Provide pagination or a 'Load More' button for additional content. Ensure the design is clean, modern, and mobile responsive, using proper spacing and a user friendly layout."