Cards

Cards are containers that group related information.

Usage

• Informational Cards: Display textual data.
• Image Cards: Combine text with visuals.

Code Example

<div class="card">
  <img src="image.jpg" alt="Card Image" />
  <div class="card-content">
    <h3>Card Title</h3>
    <p>Card description goes here.</p>
  </div>
</div>

Accessibility

• Use alt attributes for images.
• Ensure focus states for interactive cards.