palhamel / my-tailwind-project

Project testing out Tailwind CSS

Responsive design

• Installed dependencies: autoprefixer, postcss-cli, tailwindcss

• Made tailwind.config.js

• Made module.export for tailwindcss and autoprefixer

• Create tailwind.css with @markers x3

• Build script using postcss -> public directory

• Create simple index.html file to test tailwind functions

• Compose utilities - extract to components

• @apply

• rebuild css file

• Create watch script

• Extracting Reusable components

• Customizing a Design System

• Optimizing for production

Tech used:

• TailwindCSS, PostCSS-CLI, Autoprefixer, PurgeCSS
• VS Code

View it live - the website:

https://compassionate-agnesi-33a84f.netlify.app/