Tailwind CSS Challenges - Scrimba

This repository contains the code for five TailwindCSS challenges, completed as part of the "Learn Tailwind CSS" course on Scrimba. Each challenge showcases different aspects of TailwindCSS and demonstrates how to build responsive, modern UI components.

Repository Structure

The repository includes:

• index.html: Serves as the main page with links to the individual challenge files. These links are styled as buttons for easy navigation.
• Challenge Folders: Each folder contains the code files for a specific TailwindCSS challenge.

How to Use

1. Clone the repository:

   git clone https://github.com/the1fatkid/tailwind-css-challenges-scrimba.git
   

2. Open the index.html file in your browser:

3. On the main page:

   • You will see buttons, each corresponding to a specific challenge.
   • Click on any button to view the HTML file for that challenge in your browser.

4. Explore the code:

   • Navigate to the respective folder to view the source code of each challenge.

Demo

You can view a live demo of the project here.

Challenges Included

1. Pomodoro App

   • A decorative design styled with TailwindCSS to resemble a timer.

2. Pawtrons

   • A playful design for showcasing pet-related content.

3. TerminaLuxe Pricing Table

   • A modern pricing table for a luxurious command line tool built with responsive TailwindCSS components.

4. Leaf & Brew

5. Sunleaf Energy