Skip to content

Commit e6b86d6

Browse files
authored
Update README.md
Repository README
1 parent e610c62 commit e6b86d6

File tree

1 file changed

+32
-2
lines changed

1 file changed

+32
-2
lines changed

README.md

Lines changed: 32 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,32 @@
1-
# aurora-layout-responsive
2-
Aurora Layout — CSS Flex & Grid Showcase
1+
# Aurora Layout — CSS Flex & Grid Showcase
2+
3+
A responsive, multi‑section webpage built from scratch using **CSS Grid** and **Flexbox** — no frameworks, just modern, maintainable CSS.
4+
5+
**Live Demo (GitHub Pages):** _Add your Pages URL here after publishing_
6+
7+
## Highlights
8+
- **Grid for macro layout** (main + sidebar + footer clusters)
9+
- **Flexbox for micro layout** (nav alignment, CTA, card wrapping)
10+
- **Responsive** via fluid type, relative units, and media queries
11+
- **Accessible** landmarks, focus states, and reduced‑motion awareness
12+
13+
## Structure
14+
```text
15+
/
16+
├─ index.html
17+
├─ style.css
18+
├─ assets/
19+
│ └─ logo.svg
20+
└─ LICENSE # MIT
21+
```
22+
23+
## How to Run Locally
24+
1. Clone or download this repository.
25+
2. Open `index.html` in your browser (no build tools needed).
26+
3. Resize the window to see the layout adapt.
27+
28+
## Author
29+
- **Augusto Mate**[[email protected]](mailto:[email protected])
30+
31+
---
32+
_“Start with Grid for structure, polish with Flexbox for alignment.”_

0 commit comments

Comments
 (0)