Playing Cards Page

A simple playing cards page built with HTML and CSS (Flexbox).
Displays multiple cards with left, middle, and right sections.

Features

• At least three playing cards
• Flexbox layout for cards and card elements
• Responsive design with spacing between cards
• Middle section displays content in a column
• Card symbols: ♠, ♣, ♥, ♦

Technologies

• HTML5
• CSS3 (Flexbox)

Folder Structure

playing-cards/ ├─ index.html ├─ style.css └─ README.md

markdown Copy code

User Stories

• #playing-cards uses flexbox
• .card uses flexbox with justify-content: space-between
• .left aligns start, .middle aligns center, .right aligns end
• Proper width, height, and flex-direction for all elements

🔗 Demo

View the project live on GitHub Pages:
https://ahuraebrahimi.github.io/playing-cards/