Cognizant · Tailwind CSS

Cognizant Tailwind CSS interview questions

Practice Tailwind CSS questions specifically asked in Cognizant interviews – ideal for online test preparation, technical rounds and final HR discussions.

Company: CognizantSubject: Tailwind CSS49 questions in this page

Quick overview

Questions

Tagged for this company + subject

Company

Cognizant

View company-wise questions

Subject

Tailwind CSS

Explore topic-wise practice

Cognizant · Tailwind CSS questions (49)

Go through each question and its explanation. Use this page for targeted revision just before your Cognizant Tailwind CSS round.

Back to Cognizant page•View all Tailwind CSS questions

1. Which build process ensures Tailwind CSS performs efficiently in large apps?

Difficulty: MediumType: MCQTopic: Perf

Using PostCSS with purge and minify ensures only used styles remain in production, reducing file size and boosting loading speed.

2. What is the difference between 'extend' and 'theme' in Tailwind configuration?

Difficulty: Medium

Continue your preparation

For complete preparation, combine this company + subject page with full company-wise practice and subject-wise practice. You can also explore other companies and topics from the links below.

Quick navigation:Cognizant company page•Tailwind CSS subject page•All companies•All subjects

Master Interviews Anywhere, Anytime

Cognizant Tailwind CSS interview questions

Quick overview

1. Which build process ensures Tailwind CSS performs efficiently in large apps?

2. What is the difference between 'extend' and 'theme' in Tailwind configuration?

Continue your preparation

3. Which class vertically centers items in a flex container?

4. Which utility converts text to uppercase?

5. How do you hide an element on mobile but show it on desktop?

6. Which utilities target the first and last child elements?

7. Which classes help you make a basic card container?

8. Which utilities create a horizontal navbar with space between items?

9. What is the purpose of JIT (Just-In-Time) mode in Tailwind?

10. Which command installs Tailwind CSS via npm?

11. What is one major advantage of using Tailwind CSS?

12. Can you still write custom CSS with Tailwind?

13. How do you add a new color to your Tailwind theme?

14. What is the purpose of Tailwind plugins?

15. Which class sets the Flexbox direction to column?

16. Which class enables CSS Grid layout in Tailwind?

17. Which class sets an element to absolute positioning?

18. What does 'grid-flow-col' do in Tailwind CSS?

19. Which class makes text bold in Tailwind?

20. Which class gives an element a red background?

21. Which utility adjusts line height in Tailwind?

22. Which class centers a block element horizontally?

23. Which class applies a gradient background from left to right?

24. Which class prevents background images from repeating?

25. Which class applies a 2-pixel border to all sides?

26. Which class applies slightly rounded corners?

27. Which class changes how background images and colors mix?

28. Which built-in animation makes an element spin continuously?

29. What does the prefix 'md:' indicate in Tailwind CSS?

30. How do you apply different padding on small and large screens?

31. What does 'darkMode: media' use to detect dark theme?

32. What does the 'focus:' variant control?

33. Which class targets a disabled button state?

34. What does the 'peer' class do in Tailwind CSS?

35. Which variant customizes placeholder text color?

36. What does 'duration-500' specify in a transition?

37. Which easing function makes animations start slow and end fast?

38. What does 'rotate-45' do in Tailwind?

39. Which animation creates a soft glow or breathing effect?

40. Which set of classes makes a badge or tag element?

41. Which class adds deeper shadow for card elevation?

42. Where do you import Tailwind’s global CSS in a Next.js project?

43. What’s a common way to reuse Tailwind-based styles across multiple components?

44. How do you make images responsive using Tailwind in Next.js?

45. Which class styles native select elements in Bootstrap 5?

46. How do you render a checkbox as a toggle switch?

47. Which element is used to add prefix or suffix text in an input group?

48. Which class shows error text only when the input is invalid and the form was validated?

49. What is the recommended way to make horizontal form layouts in Bootstrap 5?

Master Interviews
Anywhere, Anytime