Skip to content

This project is a responsive product preview card component created with HTML and CSS. The card displays product details, including an image, name, description, pricing, and a call-to-action button.

License

Notifications You must be signed in to change notification settings

Nichodemusdev/product-preview-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Product Preview Card

This project is a responsive product preview card component created with HTML and CSS. The card displays product details, including an image, name, description, pricing, and a call-to-action button.

Live Demo

Visit Live Demo

Table of Contents

Overview

This product preview card is a challenge from Frontend Mentor. The goal is to build a responsive card component that adapts to different screen sizes.

Features

  • Responsive design
  • Product image
  • Product name and description
  • New and old pricing
  • Add to cart button

Getting Started

To get a local copy of this project, follow these steps:

Prerequisites

  • A web browser (Google Chrome, Mozilla Firefox, etc.)

Installation

  1. Clone the repository:
    git clone https://github.com/Nichodemusdev/product-preview-card.git

About

This project is a responsive product preview card component created with HTML and CSS. The card displays product details, including an image, name, description, pricing, and a call-to-action button.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published