0
Completed
0%
Progress
0
Starred
What is CSS and how does it work with HTML?
What are CSS selectors and what types exist?
Explain CSS specificity and how cascading determines which styles apply.
Explain the CSS box model and its components.
What is the difference between margin and padding in CSS?
Explain the CSS display property and its common values (block, inline, inline-block, none).
Explain CSS position property (static, relative, absolute, fixed, sticky).
What is Flexbox and how does it work?
Explain CSS Grid basics and when to use it over Flexbox.
What are CSS units? Explain absolute vs relative units (px, rem, em, vw, vh, %).
What is responsive design and what are the basic principles?
Explain media queries and how to write them in CSS and Tailwind.
What are pseudo-classes in CSS and name common ones (hover, focus, nth-child, etc.)?
Explain pseudo-elements (::before, ::after) and their use cases.
Explain z-index and stacking context.
What are CSS custom properties (CSS variables) and how to use them?
Explain CSS transitions and how to create smooth interactions.
What are CSS animations and how do they differ from transitions?
What is Tailwind CSS and what problems does it solve?
Why choose Tailwind CSS over traditional CSS frameworks like Bootstrap?
Explain utility-first CSS and its advantages over semantic CSS.
How do you install and set up Tailwind CSS in a project?
Explain the basics of tailwind.config.js file.
How do Tailwind spacing utilities work and how to customize them?
How does Tailwind handle colors and what are best practices?
Explain Tailwind typography utilities and the Typography plugin.
How do responsive utilities work in Tailwind?
What Flexbox utilities does Tailwind provide?
What Grid utilities does Tailwind provide?
How do hover, focus, and other state variants work in Tailwind?
How does dark mode work in Tailwind CSS?
What are advanced Flexbox concepts like flex-grow, flex-shrink, flex-basis, and how do they work together?
Explain advanced CSS Grid features: auto-fit, auto-fill, minmax, dense, subgrid.
What are CSS architecture patterns and how do they scale? (OOCSS, SMACSS, ITCSS)
Explain BEM methodology (Block, Element, Modifier) with examples and common pitfalls.
What are CSS Modules and how do they solve scoping issues? Compare with Tailwind.
How do you build complex responsive layouts that go beyond simple breakpoints?
Explain mobile-first design and how to implement it with CSS and Tailwind.
What are key CSS considerations for web accessibility? (Focus, contrast, motion, screen readers)
How does semantic HTML relate to CSS and styling best practices?
How do you customize Tailwind CSS beyond default configuration? (Custom utilities, variants, plugins)
Explain advanced tailwind.config.js options: presets, safelist, important, corePlugins.
How to implement custom themes in Tailwind (light/dark, multiple themes, runtime switching)?
What are container queries and how to use them with Tailwind?
What are arbitrary values and variants in Tailwind, and when should you use them?
What Tailwind plugins exist and how to create a custom plugin?
How do you create reusable UI patterns and component extraction in Tailwind?
What are best practices for styling forms with Tailwind CSS? (Input, checkbox, select, validation)
How do you style responsive and accessible tables with CSS/Tailwind?
Explain the CSS rendering pipeline (DOM, CSSOM, Render Tree, Layout, Paint, Composite) and how it impacts performance.
What are reflow and repaint? Explain what causes them and how to minimize them.
What is layout thrashing and how to avoid it in JavaScript-heavy applications?
How does GPU acceleration work in CSS and how to enable it?
How do you architect advanced responsive systems that go beyond breakpoints (intrinsic design, fluid layouts, container queries)?
How do you build a scalable design system using CSS custom properties and Tailwind?
What are design tokens and how do you manage them across multiple platforms?
What are scalable CSS architectures for large enterprises (CSS Modules, CSS-in-JS, Tailwind)? Compare and contrast.
How do you implement advanced accessibility features (focus management, ARIA attributes, skip links, high contrast) in CSS?
Explain complex focus management in single-page applications (SPA): focus trapping, focus restoration, and roving tabindex.
How do you create complex, performant CSS animations (keyframes, transforms, 3D, timeline, Web Animations API)?
How does Tailwind's Just-In-Time (JIT) engine work internally?
How does Tailwind's build optimization work (caching, content scanning, incremental builds)?
Explain the atomic CSS architecture and how Tailwind implements it. What are the tradeoffs?
Compare runtime CSS-in-JS (styled-components, Emotion) vs build-time (Linaria, Compiled) vs Tailwind for performance and developer experience.
Tailwind vs styled-components: detailed comparison for large-scale React applications.
Tailwind vs CSS Modules: when to choose which for component-based frameworks?
How do you implement critical CSS for above-the-fold content with Tailwind?
What techniques improve rendering performance in large-scale CSS (content-visibility, contain, paint skipping, will-change)?