CSS Layout Fundamentals Quiz
Four drills on the foundational CSS layout primitives: the display property, positioning modes, a sticky footer pattern, and the z-index stacking context.
Question Bank
Easy
CSS
4 questions
quiz
css-display
css-positioning
fundamentals
973 views
10
What does the CSS display property control, and how do block, inline, and inline-block differ in three concrete ways?
What is the difference between position: relative and position: absolute? Show a parent/child pair where the child is pinned to the top-right corner of the parent.
Build a sticky footer that always sits at the bottom of the viewport when the content is short, but is pushed down by long content. Use flexbox.
Two elements both have z-index: 9999 but one still appears under the other. What is going on? Name two things that create a new stacking context.