
      Flex-wrap allows items to move to next line.
      
      ## Without wrap
      Items shrink or overflow.
      
      ## With wrap
      ```css
      .container {
        display: flex;
        flex-wrap: wrap;
      }
      ```
      
      ## UI Visualization
      - Items go to next line on small screens
      
      ## Real-world example
      - Product cards
      - Image galleries
      
      ## Important
      Wrap is essential for responsive design.
      

Understand how flex items wrap to new lines on small screens and why this is important for responsive design.

CSS Flex Wrap

Learn CSS for styling modern websites: layouts, flexbox, grid, responsive design, and animations.

CSS Flex Wrap

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add