↓

This web-based personal portrait, created in VS Code, organizes my favorite pictures of memories and interests such as various foods, matcha, and the beach into categorized pages. The project translates personal identity into a curated digital collection, using layout and interaction to express personality through design.

Michelle’s Archive Web

Web Design

HTML, CSS, IA, Responsive Layout Design, Front-end Development

VS Code

HTML Overview

Used class-based CSS and flexbox to structure and align content, creating organized columns and rows that visually grouped memories and favorite items across pages cohesively.

Layout & Page Overview

The page uses a column structure composed of horizontally scrolling rows for each category, such as beach locations and food. Hierarchy is established within each gallery through a larger hero image paired with two smaller supporting images, creating visual rhythm and emphasis as the layout repeats across sections.