What are you most proud of, and what would you do differently next time?
In this challenge I was able to understand the power of grid and it's responsiveness
What specific areas of your project would you like help with?
Having completed the challenge. I will like anyone reviewing this work to tell me how i can make it look better and also a simpler code or approach I can use. Thanks
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