06_introduction-to-css-flexbox

Introduction to CSS Flexbox

📝 Description

CSS Flexbox is a layout mode that arranges elements in a predictable way for different screen sizes and devices. Flexbox is a one-dimensional layout method for laying out items in rows or columns. Items flex to fill additional space and shrink to fit into smaller spaces.

📋 Prerequisites

• Introduction to HTML and HTML5.

• Introduction to CSS and Basic CSS.

• Introduction to CSS Colors.

• Introduction to HTML Forms.

• Introduction to CSS Box Model.

🎯 Learning Objectives

• Understand the basic structure of CSS flexbox.

• Basic understanding of CSS flexbox properties.

• Basic understanding of CSS flexbox properties values.

📹 Video

• Please watch the following videos:

  • CSS Flexbox

  

🔧 Instructions

• If you don't have an account on freecodecamp, please create one and familiarize yourself with the platform. Then complete all the challenges provided in the excerises section below and submit your work.

🚀 Excersises

• Please complete the following excersises:

  • Learn CSS Flexbox by Building a Photo Gallery

📫 Submittion

• After completing the excersises, please fill in the following form and submit your work so that we can know your progress:

  • Submittion Form.

📌 Additional Materials

---

These are all optional, but if you're interested in exploring this topic further, here are some resources to help you.

• CSS Flexbox

• CSS Flexbox

• How to use freecodecamp

---

If you spot any bugs or issues in this activity, you can open an issue with your proposed change