Loading

Quipoin Menu

Learn • Practice • Grow

react / Tailwind CSS with React
mcq
Direction: Choose the correct option

Q1.

What is Tailwind CSS?
A. A component library
B. A utility-first CSS framework
C. A JavaScript framework
D. A CSS preprocessor
Direction: Choose the correct option

Q2.

How do you use Tailwind classes in a React component?
A. Use inline styles
B. Use <Tailwind> component
C. Import a CSS file
D. Apply class names like className='flex bg-blue-500'
Direction: Choose the correct option

Q3.

What is the main benefit of using Tailwind with React?
A. It automatically optimizes React
B. It provides built-in components
C. It's the only way to style React apps
D. Rapid UI development without writing custom CSS
Direction: Choose the correct option

Q4.

How can you conditionally apply Tailwind classes?
A. Using styled-components
B. Using template literals or clsx library
C. Using the classnames package
D. Using CSS modules
Direction: Choose the correct option

Q5.

What is the purpose of PurgeCSS with Tailwind?
A. To minify CSS
B. To combine classes
C. To remove unused CSS classes in production
D. To add vendor prefixes