Projects
This project was completed in two parts as part of a CODE:YOU assignment focused on learning responsive layouts with CSS Flexbox.
In Part 1, I recreated a provided mobile wireframe using Flexbox, organizing the HTML into clear sections and using Flexbox properties to control alignment, spacing, and layout flow. In Part 2, I expanded the project to support a desktop layout by adding a media query and updating the Flexbox layout to match a second wireframe. This required adjusting the layout structure and making decisions about how elements should reflow at larger screen sizes.
Through this project, I gained a better understanding of how mobile-first design impacts responsiveness and why layout decisions early in a project affect scalability.
Forked a starter repo and completed README tasks to improve structure and responsiveness by adding responsive meta tags, linking CSS, converting div-based layout to semantic HTML where possible, replacing placeholder images, fixing internal links, and adjusting layout behavior using the provided media query.
A JavaScript-based project that shares random gratitude messages for November. I built this to practice loops, arrays, and DOM manipulation — and to add a little positivity to coding practice.
My digital resume showcasing HTML structure, semantic tags, and clean CSS styling. It serves as my growing portfolio while I keep improving my design and accessibility skills.
A passion project exploring resources and support for overwhelmed parents. Still in development, but it reflects my goal to combine web design and social advocacy.