CSS (Cascading Style Sheets) is used to style and layout HTML elements, controlling colors, fonts, spacing, positioning, and responsive design.

What is the CSS Box Model?

The Box Model consists of content, padding, border, and margin. It defines the space around HTML elements and how they are calculated for sizing.

Flexbox is a CSS layout module that provides an efficient way to arrange, distribute, and align items in one-dimensional layouts with flexible sizing.

CSS Interview Questions

31. What problems did clearfix solve?

32. Why are modern layout systems preferred over floats?

33. What is Flexbox?

34. How does the flex container differ from flex items?

35. What is the difference between justify-content and align-items?

36. How does flex-grow work?

37. What is the difference between flex-basis and width?

38. How does flex-shrink work?

39. What are common Flexbox alignment issues?

40. When should Flexbox be preferred over Grid?