🔹 Layout Systems
- What is Flexbox?
- What are main properties of Flexbox?
- What is justify-content?
- What is align-items?
- What is flex-grow?
- What is flex-shrink?
- What is CSS Grid?
- Difference between Grid and Flexbox?
- What is grid-template-columns?
- What is grid-area?
🔹 Advanced Selectors
- What are pseudo-elements (::before, ::after)?
- Difference between :nth-child and :nth-of-type?
- What is :not() selector?
- What is :is() selector?
- What is :where() selector?
- What is :root?
- How does selector specificity work?
- How to calculate specificity?
- What are grouped selectors?
- What is chaining selectors?
🔹 Responsive Design
- What is mobile-first design?
- What are breakpoints?
- What is min-width vs max-width?
- What are viewport units (vh, vw)?
- What is clamp() function?
- What are container queries?
- Difference between adaptive and responsive design?
- What is aspect-ratio property?
- How to create responsive images?
- What is object-fit?
🔹 Styling & Effects
- What are gradients in CSS?
- What is linear-gradient?
- What is radial-gradient?
- What is box-shadow?
- What is text-shadow?
- What is filter property?
- What is backdrop-filter?
- What is opacity vs rgba?
- What is clip-path?
- What is transform property?
🔹 Animation & Transitions
- What is CSS transition?
- What is animation in CSS?
- Difference between transition and animation?
- What is @keyframes?
- What are animation properties?
- What is easing function?
- What is transform translate()?
- What is scale() and rotate()?
- What is 3D transform?
- What is perspective?
🔹 Best Practices
- What is CSS reset?
- What is normalize.css?
- What is BEM methodology?
- What are CSS variables?
- How to declare custom properties?
- Difference between CSS variables and Sass variables?
- What is cascading in CSS?
- What is inheritance vs cascade?
- How to organize CSS files?
- What is @import vs link tag?