withered-flowers / education-responsive-design-react-tailwind

Education Responsive Design React Tailwind

Description

Source Code untuk mempelajari Responsive Web Design (RWD) dengan menggunakan React dan Tailwind

Step-by-step Installation

1. Buka sources/a-start
2. npm install -D tailwindcss postcss autoprefixer
3. npx tailwindcss init -p
4. Buka tailwind.config.js dan modifikasi kode sebagai berikut:

   /** @type {import('tailwindcss').Config} */
   export default {
     content: [
       "./index.html",
       "./src/**/*.{js,ts,jsx,tsx}",
     ],
     theme: {
       extend: {},
     },
     plugins: [],
   }

5. Buka index.css dan tambahkan tailwind

   @tailwind base;
   @tailwind components;
   @tailwind utilities;

References

• https://tailwindcss.com/docs/guides/vite#react