
      Align-items controls **vertical alignment**.
      
      ## Example
      ```css
      .container {
        display: flex;
        align-items: center;
      }
      ```
      
      ## UI Visualization
      - Items align vertically center
      - Looks balanced
      
      ## Real-world example
      - Icons with text
      - Header content
      
      ## Key difference
      Justify = horizontal  
      Align = vertical
      

Learn how vertical alignment works in Flexbox and how items are aligned inside containers cleanly.

CSS Align Items

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

CSS Align Items

More on CSS

CSS Introduction

CSS How It Works

CSS Ways to Add