You're working on a responsive design where you want a row of items to wrap onto the next line when there isn't enough space. Which Flexbox properties would you adjust?
- align-content and flex-basis
- flex-direction and flex-wrap
- justify-content and align-items
- order and flex-grow
To make a row of items wrap onto the next line when there isn't enough space in a Flexbox layout, you would adjust the flex-direction property to "column" (for vertical stacking) and flex-wrap to "wrap." This allows the items to stack vertically when space is limited.
Loading...
Related Quiz
- What is the role of the calc() function in CSS?
- Which CSS property defines the number of times an animation should run?
- How can you ensure that a CSS transition applies only when a specific property changes?
- When using the "vertical-align" property, what does the value "baseline" represent?
- In a responsive design, the term ______ is used to describe a layout that adjusts and looks good on all screen sizes.