Product Preview Card, using React and Responsive layout

Hello Nikhil, you project is very good, congrats for conclude this challenge.

A tip about your JSX/HTML, I highly recommend to use semantic HTML, because it's increase the accessibility of your page, and even improve the SEO, React have some problems with SEO, but well, in Vanilla projects, is always important to use Semantic HTML, a example where you can use it:

• <div className="container"> this tag could be a <main> tag, because it's the main content of your page.
• <div className="card">this tag could be an <article> because it's a self explanatory content of your page.

And this Alert was a very good ideia to increase the creativity and singularity of your project.

And again, congrats, your project is very responsive and similar to the proposed design, keep doing this great job. If something I said was unclear, please, comment below and I will try to help in the best possible way.

Hello i`ll wishing for your completion project solution.

• I will give some suggestion i believe its used for improve your skill.
• In CSS You will use

.card-content {
  padding: 30px;
}

• I will recomand for Using rem values for padding provides a scalable and flexible approach, especially when considering accessibility and responsive design.

.card-content {
  padding: 3rem;
}