Project 2: Card Component

In Brief

You will design a card component and then recreate that design using your current knowledge of HTML and CSS, as well as any media (e.g., images, icons) you choose.

Purpose

Recognize and resolve the issues of interpreting a static design into an adaptable, functional web component.
Demonstrate your understanding of basic HTML and CSS, including basic layout styles.

Process

Review options for the type of card you may design.
- Even though you’re not designing a whole site, you should think about the context for your card: What type of site does it exist on? Who is the audience for this site?
Create two style tiles with your ideas about typography and colors for this assignment, including the following:
- color palette
- body text styling
- button design
Using the design program of your choosing, create two different design comps for your card component based on the elements from your style tiles.
Present style tiles and concepts to classmates for critique.
- Upload your style tiles and designs to shared GD2 Activities folder in Google Drive
- Only upload PDFs, PNGs or JPGS please 🙏🏻
Follow the setup instructions
Create your pull request.
In the HTML file and on the branch you created in the previous step, write the markup for a single card.
After deciding on your style direction, write CSS based on your comps and style tiles.
Present project to colleagues.

Submission

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 11/06 (see in your timezone).

Requirements

Your design can have a maximum width of 640 pixels.
All designs, regardless of card type, should include the following:
- Title
- Image
You must document all the resources used in your final design in your pull request.