Skip to content

Latest commit

 

History

History
32 lines (25 loc) · 1.07 KB

File metadata and controls

32 lines (25 loc) · 1.07 KB

Aurora Layout — CSS Flex & Grid Showcase

A responsive, multi‑section webpage built from scratch using CSS Grid and Flexbox — no frameworks, just modern, maintainable CSS.

Live Demo (GitHub Pages)

Highlights

  • Grid for macro layout (main + sidebar + footer clusters)
  • Flexbox for micro layout (nav alignment, CTA, card wrapping)
  • Responsive via fluid type, relative units, and media queries
  • Accessible landmarks, focus states, and reduced‑motion awareness

Structure

/
├─ index.html           
├─ style.css            
├─ assets/
│  └─ logo.svg
└─ LICENSE              # MIT

How to Run Locally

  1. Clone or download this repository.
  2. Open index.html in your browser (no build tools needed).
  3. Resize the window to see the layout adapt.

Author


“Start with Grid for structure, polish with Flexbox for alignment.”