- There are 3 folders in this repository:
pricing-table-1: ChaiPatti - Pricing Tablepricing-table-2: Chai Aur Fitness - Membership Pricing Tablescreenshots: Screenshots of the above 2 pricing tables
- In each of the 2 folders (
pricing-table-1,pricing-table-2), you will find anindex.htmlfile and achallenge.cssfile. - Your task is to write the CSS code in the
challenge.cssfile to style theindex.htmlfile so that it matches the design shown in the corresponding screenshot in thescreenshotsfolder.
- Open the
index.htmlfile in your browser to see the unstyled version of the page. - Open the
challenge.cssfile in your code editor. - Write the necessary CSS code in the
challenge.cssfile to style theindex.htmlfile. - Save your changes and refresh the browser to see the updated styles.
- Repeat the process until the
index.htmlfile looks like the screenshot in thescreenshotsfolder.
- Use browser developer tools to inspect elements and test your CSS code.
- Break down the task into smaller parts and tackle one section at a time.
- Ask for help if you get stuck, but try to solve the problem on your own first.
Good luck and have fun!