next
Round
Technologies
Experiences
Contribute
Login
next
Round
Technologies
Experiences
Contribute
Login
Question Loading...
Flexbox
1. What is Flexbox in CSS?
Level: Expert | Frequency: High
2. What problem does Flexbox solve compared to traditional layouts like float or inline-block?
Level: Expert | Frequency: High
3. How do you create a flex container?
Level: Expert | Frequency: High
4. What are the main and cross axes in Flexbox?
Level: Expert | Frequency: High
5. What does the display: flex property do?
Level: Expert | Frequency: High
6. What is the difference between display: flex and display: inline-flex?
Level: Expert | Frequency: High
7. What are flex items?
Level: Expert | Frequency: High
8. How do you change the direction of items in a flex container?
Level: Expert | Frequency: High
9. What does flex-direction: row do?
Level: Expert | Frequency: High
10. What does flex-direction: column do?
Level: Expert | Frequency: High
11. What is the purpose of the justify-content property?
Level: Expert | Frequency: High
12. What does the align-items property control?
Level: Expert | Frequency: High
13. What are the possible values of align-content?
Level: Expert | Frequency: High
14. What is the difference between align-items and align-content?
Level: Expert | Frequency: High
15. What is the use of the flex-wrap property?
Level: Expert | Frequency: High
16. How can you make flex items wrap onto multiple lines?
Level: Expert | Frequency: High
17. What does the flex-flow shorthand property do?
Level: Expert | Frequency: High
18. How does the order property affect flex items?
Level: Expert | Frequency: High
19. How does the align-self property work?
Level: Expert | Frequency: High
20. How do you vertically center content using Flexbox?
Level: Expert | Frequency: High
21. What does the flex shorthand property represent?
Level: Expert | Frequency: High
22. What are the three components of the flex shorthand property?
Level: Expert | Frequency: High
23. What is the default value of the flex property?
Level: Expert | Frequency: High
24. How do flex-grow, flex-shrink, and flex-basis work individually?
Level: Expert | Frequency: High
25. What is the difference between flex: 1 and flex: auto?
Level: Expert | Frequency: High
26. What is the difference between flex: 1 and flex: auto?
Level: Expert | Frequency: High
27. What is the purpose of the gap property in Flexbox?
Level: Expert | Frequency: High
28. How does Flexbox handle overflowing content?
Level: Expert | Frequency: High
29. What’s the difference between justify-content: space-around and space-between?
Level: Expert | Frequency: High
30. How does Flexbox handle fixed and flexible widths together?
Level: Expert | Frequency: High
31. Can Flexbox be nested?
Level: Expert | Frequency: High
32. How is Flexbox different from CSS Grid?
Level: Expert | Frequency: High
33. When would you use Flexbox instead of Grid?
Level: Expert | Frequency: High
34. Can you use Flexbox and Grid together in the same layout?
Level: Expert | Frequency: High
35. How does Flexbox differ from traditional float-based layouts?
Level: Expert | Frequency: High
36. Does Flexbox affect the box model or positioning of elements?
Level: Expert | Frequency: High
37. How does Flexbox handle min-width and max-width constraints?
Level: Expert | Frequency: High
38. How do flex items align when the container has align-items: stretch?
Level: Expert | Frequency: High
39. What is the difference between flex: 0 1 auto and flex: 1 0 auto?
Level: Expert | Frequency: High
40. How does flex-basis differ from width?
Level: Expert | Frequency: High
41. How do you prevent a flex item from shrinking?
Level: Expert | Frequency: High
42. How would you create a horizontal navigation bar using Flexbox?
Level: Expert | Frequency: High
43. How do you center a div both horizontally and vertically using Flexbox?
Level: Expert | Frequency: High
44. How can you make a responsive layout using Flexbox?
Level: Expert | Frequency: High
45. How can you make one flex item take up the remaining space in a container?
Level: Expert | Frequency: High
46. How do you create equal-height columns using Flexbox?
Level: Expert | Frequency: High
47. How can you align the last flex item to the right side of the container?
Level: Expert | Frequency: High
48. How can you reorder items visually using Flexbox without changing the HTML structure?
Level: Expert | Frequency: High
49. How can you make items stack vertically on mobile and horizontally on desktop using Flexbox?
Level: Expert | Frequency: High
50. How do you prevent an element from wrapping in a flex container?
Level: Expert | Frequency: High
51. How can you align items to the bottom of a container using Flexbox?
Level: Expert | Frequency: High
All Topics
Basics
Selectors
Box model
Text formatters
Postioning
Display
Pseudo classes
Pseudo elements
Flexbox
Grid
Display
Combinators
Overflow
Breakpoint
Transformation and Transition
Frameworks
Everything else