Countdown w/ Flip Animation & Customizable Dates

Community feedback

• 

  Sahas saurav•745

  @SahasSauravPosted almost 4 years ago

  Hey, great job and really love the way you are using svg. Everything looks fabulous and responsive

  1

  ---

  

  Chloe Echikson•220

  @clowormPosted almost 4 years ago

  Thank you for noticing! Seemed like the best way to handle the cutouts in the number cards

  1

  

  Sahas saurav•745

  @SahasSauravPosted almost 4 years ago

  @cloworm can help me to learn to how to use svg like this?

  0

  

  Chloe Echikson•220

  @clowormPosted almost 4 years ago

  Give this article a look: https://css-tricks.com/scooped-corners-in-2018/

  1
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hey, nice job on this challenge, Chloe Echikson! 👍

  Everything looks great and responds well! 👏 The flipping animation is very nice! 🤩 It's also cool that you added two versions of this countdown challenge! 😃

  Keep coding (and happy coding, too)! 😁

  And happy holidays! 🎄

  1

  ---

  

  Chloe Echikson•220

  @clowormPosted almost 4 years ago

  @ApplePieGiraffe Thanks very much! You are the person that actually inspired me to be creative with my solutions since I saw your X-mas themed Todo submission :)

  2

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  @cloworm

  :) 👍

  0
• 

  T

  Grace•31,270

  @grace-snowPosted almost 4 years ago

  Very nice work, this is great!

  1

  ---

  

  T

  Grace•31,270

  @grace-snowPosted almost 4 years ago

  To solve all your report errors, I think you can just use a class or custom attribute on your cards so you're not using IDs. If used for styling, you could use className or if used for data you could use something like data-id=""

  It's important not to duplicate ids, they need to be unique.

  Hope that helps

  1

  

  Chloe Echikson•220

  @clowormPosted almost 4 years ago

  @grace-snow Thanks for the advice! Just made sure all of the ids are unique and am now passing all tests :)

  1