next
Round
Technologies
Coding Problems
Bookmarks
Learning Paths
next
Round
Technologies
Coding Problems
Bookmarks
Learning Paths
1
What is the default display value for <div>, <span>, <p>, and <a> tags?
Beginner
2
Does display: none remove an element from the DOM?
Intermediate
3
How does display: inline-block behave?
Intermediate
4
How would you use display: flex to make a footer stick to the bottom?
Beginner
5
How can you make all elements behave as border-box and block-level by default?
Intermediate
6
How do you create a two-column layout without using float or position, using only display?
Intermediate
7
Can display be animated using CSS transitions?
Intermediate
8
How does display interact with CSS pseudo-elements (::before, ::after)?
Intermediate
9
How is display: flex different from display: block?
Beginner
10
What happens to child elements when the parent has display: contents?
Intermediate
11
What happens if you apply display: inline-flex to a container?
Intermediate
12
How does display affect stacking and z-index behavior?
Intermediate
13
Can an element with display: none trigger CSS transitions or animations?
Intermediate
14
How do you make an image and text sit side by side neatly?
Intermediate
15
How is display: none different from visibility: hidden?
Beginner
16
How can you make a <li> element appear horizontally instead of vertically?
Beginner
17
How can you use display: contents to remove extra wrappers in semantic HTML structures? How can incorrect use of display lead to accessibility or SEO problems?
Intermediate
18
What’s the difference between display: table and actual HTML <table> elements?
Intermediate
19
What is the display property in CSS used for?
Intermediate
20
What is the difference between visibility: collapse and display: none in table elements?
Intermediate
21
How can display: contents help improve semantic markup but hurt accessibility?
Intermediate
22
How does display behave differently for replaced vs. non-replaced elements?
Intermediate
23
How can you hide elements but keep their layout space?
Intermediate
24
What’s the effect of display: block on inline elements like <span>?
Intermediate
25
How does display affect the accessibility tree and ARIA roles?
Intermediate
26
Can display: none affect layout reflow or accessibility?
Intermediate
27
What is the difference between display: contents and display: none?
Intermediate
28
What is display: list-item, and when is it used?
Beginner
29
How does the display property affect box model calculations?
Intermediate
30
How would you make a navigation menu horizontally aligned using display?
Beginner
31
How can you change a block-level element to behave like an inline element without changing its tag?
Beginner
32
What happens to child elements when their parent has display: none?
Beginner
33
What happens if you apply display: table to a flex container?
Intermediate
34
What is the difference between display: grid and display: flex?
Intermediate
35
How do replaced elements (like <img> or <input>) behave with different display values?
Intermediate
36
How can display: grid simplify responsive design compared to floats?
Intermediate
37
How can you visually hide an element but keep it accessible for screen readers?
Intermediate
38
What is the difference between using display and position to arrange elements?
Intermediate
39
How do you use display to build responsive layouts?
Intermediate
40
How can you make text and icons align properly using display values?
Intermediate
41
What happens when you set display: none on an element?
Beginner
42
What happens if you set display: flex on the <body> tag?
Beginner
43
When would you prefer display: inline-flex over display: flex?
Intermediate
44
What is the difference between display: block and display: inline?
Beginner
45
How do block formatting contexts relate to display types?
Intermediate
46
How does display: run-in work, and why is it rarely used?
Intermediate
47
How do you center elements using display: flex or display: grid?
Beginner
48
What’s the difference between display: inline-grid and display: grid?
Beginner
49
How can you make an element behave like both inline and block elements?
Intermediate
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.