Skip to content

sndpbag/Tailwind-card1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

5 Commits
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Responsive Card Layout with Tailwind CSS

This project showcases a responsive grid of modern, elegant product/course cards designed using Tailwind CSS. Each card contains an image, category badge, rating, title, price, description, author information, and a call-to-action button.

πŸš€ Features

  • πŸ’Ž Beautiful, modern card layout
  • πŸ“± Fully responsive (mobile, tablet, desktop)
  • 🎨 Styled with Tailwind CSS
  • 🌟 Rating display
  • 🏷 Category badges (e.g., Premium)
  • πŸ‘€ Author info with image and label
  • πŸ“¦ "View Details" button
  • πŸ“Œ Reusable card component design

πŸ“Έ Screenshot

screenshot

⚠ Replace the screenshot image with a real one in your repo.

πŸ›  Built With

πŸ“š How to Use

  1. Clone the repo:
    git clone https://github.com/sndpbag/Tailwind-card1.git
    cd card-layout-tailwind
    
    
    Open index.html in any browser to view the layout.
    

Customize the card data and design as needed.

✍️ Author Sandipan Kr Bag πŸ“§ Email Me πŸ“Ί YouTube: sndp bag 4 you

πŸ“„ License This project is licensed under the MIT License.

Releases

No releases published

Packages

 
 
 

Contributors

Languages