PROJECT DESCRIPTION

I wanted to work on my responsive web design skills, so I decided to create a simple tribute page for one of my favorite actresses of all time, Audrey Hepburn. I focused on using certain CSS properties and media queries in order to make my images and text responsive so they would work on both mobile and desktop screens.

Some user stories I wanted my design to fulfill include:

• My tribute page should have an element with a corresponding id="main", which contains all other elements

• Within a div element with id="img-div", I should see an img element with a corresponding id="image"

• The img element should responsively resize, relative to the width of its parent element, without exceeding its original size

FINAL DESIGN

Check out my CodePen to see my code and a full screen version of my final design.