snowfenix / learntailwind

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Learning Tailwind

Set Up

Setting Up Tailwind CSS

npm install -D tailwindcss postcss autoprefixer vite # vite is used for local dev
npx tailwindcss init -p # creates tailwind.config.js and postcss.config.js
node node_modules/esbuild/install.js # to avoid this error on Mac -> Error: esbuild: Failed to install correctly
npm run dev # starts vite

Non Responsive Design

Non Responsive Design

Responsive Design

Responsive Design

About


Languages

Language:HTML 88.2%Language:JavaScript 9.0%Language:CSS 2.8%