Skip to content

Instantly share code, notes, and snippets.

@ashx3s

ashx3s/README.md

Last active January 25, 2022 17:34
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save ashx3s/eeee0b490f00e1cef8caf1f43598856e to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save ashx3s/eeee0b490f00e1cef8caf1f43598856e to your computer and use it in GitHub Desktop.
Download ZIP
Card Activity
Raw
README.md

Card Design Activity

  • Goal: Build a card with sample content
    • use an article tag for the card
  • Required Content:
    • An h3 heading
    • a p for main text
    • an image or icon
    • a CTA button
  • Styles:
    • Primary Action Color
    • Background Color
    • Theme Color (can be the same as action color)

Card Requirements

  • It should look good on both mobile and desktop screens
  • It should be easy to understand what it's purpose is
  • It should be repeatable and still work with different information

Submission

There are a few options for this one.

  • For a quick content focused submission:
    • build in codepen and share the link in your submission
    • note that you need to also upload a zipped codepen folder
  • To practice GH Pages deployment
    • build in VScode and git and deploy to a life page (doesn't need any other content, but could be a good opportunity to also practice your media queries and nav bar here too)
  • VScode without GH Pages
    • build in vscode, zip the folder and submit that.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment