100 Days of CSS

Project Summary

Small CSS projects to practice daily CSS skills. While I don't plan to complete projects every day, I do hope to make daily progress.

Project Checklist and Progress Notes

• [x] Day 1
• [ ] Day 2
  • 5/20 current progress: responsive on tablet, mobile
  • 5/20 todo: animation accuracy in desktop
• [ ] Day 3
  • 4/13 current progress: sun, fade-in/fade-out animation started.
  • 4/13 todo: improve sun animation to pause & change color along path, improve fade-in/fade-out animation to fully fade out, begin working on pyramid shadow, responsive sizing within container.
• [x] Day 4
• [ ] Day 5
  • 3/16 current progress: created background, chart card & header, and began key
  • 3/16 todo: fix hr in key, begin work on chart
• [x] Day 6
• [ ] Day 7
  • 4/28 current progress: created background, card, & front-facing text
  • 4/28 todo: hover effects, lines/circles, icons, hidden notification menu