Product preview card with Tailwincss

What are you most proud of, and what would you do differently next time?

Proudly completed the challenge. But it took lots of time.

What challenges did you encounter, and how did you overcome them?

Problems Encountered

• Adding the icon to the button
• Adding the horizontal line to the $169.99
• Deploying a tailwindcss project to github for the first time

How I solved them

• Adding icon to the button I just created a div inside the button, then used flexbox to set it horizontal then adjusted the padding for it to fit in well.

• Adding the horizontal line I created a div to group both price tags then used a span for the one with the horizontal rule. then i created the horizontal line using then i adjusted the top margin

• Deploying to tailwindcss I used the following command line git init //to initialize git git checkout -b gh-pages //to switch to a new branch

Then I manually copied my index.html and style.css files from the build directory to my root directory

git add . //to add the files
git commit -m 'message' git push origin gh-pages

What specific areas of your project would you like help with?

Writing a more readable code