The Amazing Life of Amy Winehouse

Course: Digital and Emerging Media Design I

Year: Sophomore

Software: Figma, HTML, and CSS

Link to Figma File: https://www.figma.com/file/BjHl0dpfm7c5vtoU0EzEyQ/Untitled?type=design&node-id=0%3A1&mode=design&t=PZc3dawJ2I5IgGbN-1

The Manual Collection was the first website I coded from scratch in my Web Design I class. Tasked with organizing content from The Manual, building out my HTML was easy as it was all provided for me on the original site. The challenge for this assignment was to use flex boxes to create a two-column layout. Additionally, the professor assigned us all color pallets and two fonts, meaning we had to be strategic about our type hierarchy and the use of every color. Each article is contained in an article and a flex-parent, and each column is a flex-child. The nav is sticky and links each issue to its associated article on the page. This page was coded using Codepen. You can see my full design using the Figma link above.