Instagram Post Layout

An HTML5 + CSS3 Instagram-inspired basic layout.
This project was created as Project #1 for 4Geeks Academy's Full Stack Developer Bootcamp.

---

📜 Project Overview

This project replicates the style and structure of an Instagram post using vanilla HTML5 and CSS3.
It focuses on:

• Semantic HTML structure
• CSS Grid and Flexbox layout techniques
• Using Google Fonts (Roboto)
• Using Font Awesome icons via CDN
• Responsive and clean design principles

---

🚀 Features

• Header: Icon, username, and options menu
• Image Section: Main post image
• Action Bar: Like, comment, share, and save icons
• Likes & Description: Bold user list and sample post text
• Typography: Roboto font from Google Fonts
• Icons: Font Awesome CDN

---

🛠️ Tech Stack

• HTML5
• CSS3
• Google Fonts
• Font Awesome (CDN)

---

📂 How to Run Locally

1. Clone the repository:

   git clone https://github.com/hereisphil/hereisphil-instagram-post-layout.git

2. Open index.html in your browser.

No build tools required — pure HTML & CSS.

📸 Screenshot

👋 About the Author

Hi! I’m Phillip Cantu, an American digital nomad, a Full Sail University web development student, and a 4Geeks Academy Full Stack Development with AI Bootcamp. I’m passionate about creating modern, user-friendly, and practical applications that help people learn and build faster.

You can find me here:

• GitHub: hereisphil
• LinkedIn: PhillipCantu
• Instagram: @philtheotaku