In a responsive WordPress theme, what is the effect of this CSS?

medium📝 component behavior Q5 of 15

Wordpress - Custom Theme Development

.container { display: flex; flex-wrap: wrap; }

AItems stack vertically without wrapping

BItems wrap to next line on small screens

CItems overlap each other

DItems disappear on small screens

Step-by-Step Solution

Solution:

Step 1: Understand flex-wrap property
flex-wrap: wrap allows flex items to move to next line if needed.
Step 2: Apply to responsive context
On small screens, items wrap instead of shrinking or overlapping.
Final Answer:
Items wrap to next line on small screens -> Option B
Quick Check:
flex-wrap: wrap enables wrapping [OK]

Quick Trick: flex-wrap: wrap prevents item overlap on narrow screens [OK]

Common Mistakes:

Master "Custom Theme Development" in Wordpress

9 interactive learning modes - each teaches the same concept differently

Want More Practice?

15+ quiz questions · All difficulty levels · Free

More Wordpress Quizzes