Product preview card component

👾Hello Karthikeyan, congratulations for your new solution!

Here's a better way to manage the content of the text column and have the uniform space between the content you can use justify-content: space-around; or gap: 24px to separate each text.

.wrapper_right-side {
    display: flex;
    padding: 2rem;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
}

When you download the project files there’s a file called style-guide.md where you can find information such as hsl color codes and the font-size for the headings. This way you'll have the correct color like the button that its a bit off, the correct color is:

button {
    background-color: #3D8168;
}

👋 I hope this helps you and happy coding!