Responsive Web Layout using Flexbox and CSS Grid

A Basic static responsive webpage developed by Harry Jay William C. The project demonstrates a header/navigation bar, content sections with cards, a contact form, and a footer using HTML5 and CSS3.

Developer

Detail	Information
Developer Name	Harry Jay William C
Project	Responsive Web Layout using Flexbox and CSS Grid
Technologies	HTML5, CSS3, Flexbox, CSS Grid, Media Queries
Purpose	Academic responsive web layout assignment

Project Overview

This webpage was created by Harry Jay William C to demonstrate responsive layout techniques. The website uses Flexbox to align navigation and footer elements, CSS Grid to structure page sections and card layouts, and media queries to adapt the design for desktop, tablet, and mobile screens.

Features

Requirement	Implementation
Header and navigation bar	Flexbox navbar branded with Harry Jay William C
Multiple content sections	Hero, intro, services, projects, insights, and contact sections
Cards	Service cards and project cards
CSS Grid page structure	Hero, content areas, card grids, project grid, and stats panel
Responsive design	Media queries for desktop, tablet, and mobile screens
Footer	Flexbox footer with copyrights

Project Structure

Responsive Web Layout using Flexbox and CSS Grid/
|-- index.html
|-- styles.css
`-- README.md

How To Run

Open index.html in a web browser. No installation or build step is required.

Files

• index.html contains the responsive webpage structure.
• styles.css contains the Flexbox, CSS Grid, spacing, color, card, form, and responsive media query styles.
• README.md documents the project.