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