Tailwind CSS Crash Course

Responsive Tailwind CSS Landing Page

Description

This is my responsive landing page solution to the Tailwind CSS Crash Course by Traversy Media.

Concepts Used

• Responsive Web Design
• Tailwind CSS Classes
• Modifying tailwind config file (changing screen sizes and add colors)

Tech Stack

• Tailwind CSS
• HTML

Desktop

Mobile

Live URL

Run Locally

Clone the project

git clone https://github.com/Sa-YoorHeadley/Tailwind-CSS-Crash-Course.git

Go to the project directory

cd Tailwind-CSS-Crash-Course

Install all the npm packages.

npm install

Run the Tailwind CLI to compile the input.css during development. The output file is css/main.css

npm run watch

To build once run...

npm run build

You can edit the scripts in package.json and the tailwind.config.js file to change input/output locations

Acknowledgements

• Tailwind CSS Crash Course