<p>Applying CSS Flexbox on 5 pages.</p>
<ol>
<li><h3 id="heading-product-layout"><strong>Product Layout</strong></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1732905688017/fbff72d8-c035-4d8c-8732-524d325e4585.png" alt class="image--center mx-auto" /></p>
<ol start="2">
<li><h3 id="heading-employee-cards"><strong>Employee Cards</strong></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1732905729084/caf8b6ab-75aa-45cb-a367-38355bf58132.png" alt class="image--center mx-auto" /></p>
<ol start="3">
<li><h3 id="heading-student-profile"><strong>Student Profile</strong></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1732905768444/5d8cf702-dda0-4763-bb69-05f52a22a41a.png" alt class="image--center mx-auto" /></p>
<ol start="4">
<li><h3 id="heading-blog-layout"><strong>Blog Layout</strong></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1732905792943/10cec44d-5ea2-44be-8457-2ff0a9ffa732.png" alt class="image--center mx-auto" /></p>
<ol start="5">
<li><h3 id="heading-contact-form"><strong>Contact Form</strong></h3>
</li>
</ol>
<p><img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1732905879973/8f3f9465-9d43-419c-af8d-8cfde095ce49.png" alt class="image--center mx-auto" /></p>
<h3 id="heading-github-link-httpsgithubcommischiii22cssflexgithttpsgithubcommischiii22cssflexgit"><strong>Github Link:</strong> <a target="_blank" href="https://github.com/mischiii22/CSS_FLEX.git"><strong><a href="https://github.com/mischiii22/CSS_FLEX.git" class="autolinkedURL autolinkedURL-url" target="_blank">github.com/mischiii22/CSS_FLEX.git</a></strong></a></h3>


Applying CSS Flexbox on 5 pages.

1. ### **Product Layout**
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1732905688017/fbff72d8-c035-4d8c-8732-524d325e4585.png align="center")

2. ### **Employee Cards**
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1732905729084/caf8b6ab-75aa-45cb-a367-38355bf58132.png align="center")

3. ### **Student Profile**
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1732905768444/5d8cf702-dda0-4763-bb69-05f52a22a41a.png align="center")

4. ### **Blog Layout**
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1732905792943/10cec44d-5ea2-44be-8457-2ff0a9ffa732.png align="center")

5. ### **Contact Form**
    

![](https://cdn.hashnode.com/res/hashnode/image/upload/v1732905879973/8f3f9465-9d43-419c-af8d-8cfde095ce49.png align="center")

### **Github Link:** [**https://github.com/mischiii22/CSS\_FLEX.git**](https://github.com/mischiii22/CSS_FLEX.git)

Activity 26: CSS FLEX

Product Layout

Employee Cards

Activity 26: CSS FLEX

Table of contents

Product Layout

Employee Cards

Student Profile

Blog Layout

Contact Form

Github Link: github.com/mischiii22/CSS_FLEX.git