Project 2: Dynamic Poster

In Brief

Use your current knowledge of HTML and CSS layout to reinterpret an existing poster design as a responsive web page.

Search for posters to emulate in code and make responsive.
- Focus on posters that are predominantly text and shapes
- Some imagery is fine, but less or none is better
- While you are free to use examples from any source, I have also provides some example poster sources here
Identify four possibilities:
- three possibilities of interesting designs to recreate
- plus one “stretch” example
Document your ideas using this template
- Due date: 10/01 by 9am EST (see in your timezone)
- Format: Google Doc
- File name: Please use your first initial and last name (for example: aweger)
- How to submit: Add your file to the poster-ideas folder inside our shared GD431 Activities folder in Google Drive
I will review all ideas and discuss them, providing guidance on your final selection of a design to recreate.

Follow the setup instructions
In your index.html and on the branch you created in the previous step, write markup to semantically represent the poster content.
Crop or recreate elements of imagery as needed.
- ⚠️ To add images to your project, you must use Glitch.com in the browser, not VS Code. See these instructions from Glitch and give a shout if you have any issues.
Write mobile-first CSS.
Add media queries to achieve desktop design.
Present project to colleagues.

Create a pull request for code review and final submission.
- Include PR template questions and your responses.
Send me a link to the pull request via Slack DM by midnight EST on 10/16 (see in your timezone).

Your final design should be closely inspired by the original poster, including color, type, etc.
The design should be responsive, working on mobile devices as small as 480px wide and other devices up to 1280px wide.
You should use Sass, not CSS, for writing your styles.