JS
Jose SanMartin

Manga Grid Preview - Copy this Angular, Tailwind Component to your project

Create a clean and modern grid design for manga preview images, with responsive behavior. The grid should have a minimum of 2 columns and a maximum of 6 columns, adjusting dynamically to the screen size. Each cell in the grid should display only the manga preview image without any text or labels. The design should prioritize mobile-friendliness, ensuring at least 2 columns and 2 rows are visible on small screens. Images should be centered, maintaining their aspect ratio, and fit neatly within their cells. The grid should have equal spacing between cells and a visually balanced layout with a subtle background. Use a light and minimalist aesthetic for the overall design.

Prompt
Component Preview

About

Manga Grid Preview - Display manga images in a flexible grid with 2 to 6 rows, built with Angular and Tailwind. View and copy code!

Share

Last updated 1 month ago