Q1. What is utility-first CSS and what are its benefits?
Utility-first means composing small, single-purpose classes directly in markup instead of writing semantic class names and separate stylesheets. In Tailwind, a class list...
Technical Question Bank · Peer-Reviewed
Job Interview Questions and Answers Directory
Search and filter frequently asked interview questions across technical, programming, and behavioral domains. Tailor your interview preparation by difficulty for freshers or experienced developers (14 available).
Active:
Tag: tailwind ×
Q2. How do responsive and dark-mode variants work in Tailwind?
Tailwind encodes variants as prefixes. Responsive breakpoints are mobile-first: sm, md, lg, xl and 2xl apply at that minimum width and above. ```html ... ``` That element...
Q3. How do you customise the Tailwind theme and configuration?
Tailwind is configured in tailwind.config.js. The content array tells the engine where to scan for class names, and theme customises the design tokens. extend adds to the...
Q4. How do you write a custom Tailwind plugin?
A plugin is a function passed to plugins in the config. It receives helpers including addUtilities, addComponents, addBase, addVariant, matchUtilities and theme. ```js co...
Q5. When should you use @apply and when should you avoid it?
@apply inlines utility classes into a CSS rule, letting you write component classes while reusing Tailwind's design tokens. ```css .btn { @apply inline-flex items-center ...
Q6. Why do dynamically constructed Tailwind class names fail to render?
Tailwind's JIT scans the files listed in content and generates only classes it finds as literal strings. Class names built dynamically are invisible to the scanner. ```js...
Q7. What are arbitrary values and when should you use them?
When a design needs a one-off value that is not in the scale, arbitrary value syntax accepts raw CSS inside square brackets: w-[327px], top-[117px], bg-[#1da1f2], grid-co...
Q8. How do you optimise Tailwind for production?
Tailwind's performance story is about generation and delivery. The JIT engine produces only the utilities present in scanned files, so production CSS is typically a few k...
Q9. How do you use Tailwind CSS in Next.js?
By installing Tailwind CSS and configuring it in the next.config.js file. ```bash npm install tailwindcss postcss autoprefixer npx tailwindcss init -p ``` Then, add the f...
Q10. What is Tailwind CSS?
TailwindCSS is a utility-first CSS framework that provides pre-defined CSS classes that can be used to rapidly build custom user interfaces.