Skip to content

README.md

Latest commit

 

History

History
60 lines (37 loc) · 1.2 KB

README.md

File metadata and controls

60 lines (37 loc) · 1.2 KB

Build a Page of Playing Cards (FreeCodeCamp)

📌 Overview

This project is a hands-on exercise from FreeCodeCamp focused on practicing CSS Flexbox. It demonstrates how to build flexible, responsive layouts by applying flexbox properties to structure and align elements.

My main goal is to gain practical experience with layout techniques by fulfilling the main task assigned, but also giving my own personal touch to the visual of the web page.

🎯 Objectives

  • Understand how flexbox works in a real layout
  • Practice using flex container and flex item properties
  • Improve alignment and spacing skills in CSS
  • Make it cute

🛠️ Technologies Used

  • HTML
  • CSS

📚 Concepts Covered

This project explores the following flexbox concepts:

Flex Container Properties

  • display: flex
  • flex-direction
  • justify-content
  • align-items
  • flex-wrap
  • align-content

Flex Item Properties

  • flex-grow
  • flex-shrink
  • flex-basis
  • align-self
  • order

📖 Learning Source

This project is based on exercises from the FreeCodeCamp Responsive Web Design Certification.

👨‍💻 Author

Created as part of FreeCodeCamp practice.