FeatCards #14 Completed

[yashwanthvarma18]

FeatCard Component

Overview

The FeatCard component is designed to showcase features in a visually appealing manner. It provides a structured layout that highlights the feature title, description, and an optional image or icon, making it perfect for feature lists, product showcases, and marketing pages.

Features

• Customizable title and description.
• Supports images or icons for visual representation.
• Responsive design that adapts to various screen sizes.
• Easy to integrate with existing UI frameworks.

Installation

To use the FeatCard component, you need to have the following dependencies installed in your project:

npm install feat-card-component

Props

The FeatCard component accepts the following props:

Prop	Type	Description
title	string	The title of the feature.
description	string	A brief description of the feature.
imageUrl	string	(Optional) URL for an image to display.

Styling

You can customize the styles of the FeatCard component by overriding the default CSS classes:

.feat-card {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 16px;
  text-align: center;
}

ScreenShot

[yashwanthvarma18]

@dakshsinghrathore Please review and merge my code
I tried my best to implement the desgin and all the stuff but I am unable to make the excat things as you mentioned
Thank YOu

[dakshsinghrathore]

Looks good to me 🙌🏼