Category 1: Display and Flow
Clue: This display value makes an element take up the full width of its parent container.
Answer: Block
Clue: This CSS property creates space around the outside of an element.
Answer: Margin
Clue: This CSS property controls what the browser should do when content spills outside an element.
Answer: Overflow
Clue: This term is usually used in a meta tag to set the content width equal to the device width.
Answer: Viewport
Clue: This CSS module creates flexible one-dimensional page layouts.
Answer: Flexbox
Clue: This display value lets an element sit alongside other inline elements.
Answer: Inline
Clue: This CSS property removes an element from normal flow and shifts it left or right.
Answer: Float
Clue: This overflow value hides content that extends beyond an element.
Answer: Hidden
Clue: This means an element’s width is based on the size of the browser window or parent container.
Answer: Responsive Width
Clue: This CSS property controls how a flexbox displays multiple items.
Answer: Flex-direction
Clue: This display value lets an element stay inline while still accepting width and height.
Answer: Inline-block
Clue: This technique positions elements in relation to their natural place in the page flow.
Answer: Relative Positioning
Clue: This overflow value adds a scroll bar if content extends beyond an element.
Answer: Scroll
Clue: This design concept aims to make webpages work well across many screens and devices.
Answer: Responsive Web Design
Clue: This CSS property controls whether items wrap inside a flex container.
Answer: Flex-wrap
Clue: This property-value combination removes an element from the flow of a page and does not display it.
Answer: Display: none
Clue: This technique positions elements in relation to their parent container.
Answer: Absolute Positioning
Clue: This box-sizing value means an element’s border is not included in its total size.
Answer: Content-box
Clue: This CSS technique checks conditions like screen size so different styles can be applied.
Answer: Media Queries
Clue: This CSS property tells a grid how to display its columns.
Answer: Grid-template-columns
Clue: This property-value combination enables a container to behave as a flexbox.
Answer: Display: flex
Clue: This CSS property tells the browser how to calculate an element’s width and height with respect to its border.
Answer: Box-sizing
Clue: This box-sizing value means an element’s border is included in its total size.
Answer: Border-box
Clue: This viewport meta tag property helps control zoom behavior during initial page load.
Answer: Initial-scale
Clue: This CSS property gives an element a name used to place it within a grid template.
Answer: Grid-area