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