/fylo

Fylo project from https://udemy.com/course/tailwind-from-scratch/l

Primary LanguageCSS

fylo

  • nvm use 20.6.1
  • Also set Node version in Language&Framework to 20.6.1
  • npm init -y
  • npm install tailwindcss@latest
  • npx tailwindcss init
  • add config to tailwind.config.js content: ["./public/**/*.{html,js}"]
  • add build script to package.json
  • "build": "tailwindcss -i ./src/style.css -o ./public/style.css --watch"
  • Create src/style.css and add
  • @tailwind base; @tailwind components; @tailwind utilities;
  • Create public/index.html
  • npm run build
  • install line-clamp plugin npm install -D @tailwindcss/line-clamp screencapture-localhost-63342-fylo-public-index-html-2023-12-03-22_56_13.pngscreencapture-localhost-63342-fylo-public-index-html-2023-12-03-22_56_45.pngscreencapture-localhost-63342-fylo-public-index-html-2023-12-03-23_00_11.png