Skip to content

Latest commit

 

History

History
32 lines (21 loc) · 1.18 KB

README.md

File metadata and controls

32 lines (21 loc) · 1.18 KB

Product Preview Card Component

This is a simple product preview card component designed using HTML and CSS. The card displays a product's image, name, description, price, and an "Add to Cart" button. It is responsive and adjusts its layout on smaller screens.

Features

  • Product image with flexible layout
  • Product name and description with stylized typography
  • Price information, with current and previous price displayed
  • "Add to Cart" button with hover effects
  • Fully responsive design, optimized for mobile screens

Technologies Used

  • HTML
  • CSS (Flexbox and Media Queries)
  • SVG Icons

Files Included

  • index.html: The HTML structure of the product card.
  • style.css: The styles for the product card, including responsive design.

How to Use

  1. Clone or download the repository to your local machine.
  2. Open the index.html file in your browser to view the product preview card.
  3. Modify the contents in index.html to update product details such as the name, description, image, and price.

Customization

You can customize the card's appearance by modifying the styles in the style.css file. You can change the colors, font sizes, or layout to fit your needs.