Skip to content
Submitted over 3 years ago

Countdown Timer using HTML, CSS and JavaScript

Naman Kandol•250
@namankandol
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Launch countdown timer
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

This is one of my first projects. So any suggestions and criticism are welcomed. . . . . Also, I want to know how to create that flip effect mentioned in the bonus section of the project.

Community feedback

  • Quibble7s•130
    @Quibble7sPosted over 3 years ago

    Great implementation! But i've noticed that the mountain background doesn't size correctly in a 1920x1080 monitor. You can fix this issue easily adding one line to your .main-container like this:

    .main-container{
     background-size: contain;
}

    Hope this helps you!

    Marked as helpful
    0
    Naman Kandol•250
    @namankandolPosted over 3 years ago

    @Quibble7s thanks for your advice I will implement it for sure.

    1
    Naman Kandol•250
    @namankandolPosted over 3 years ago

    @Quibble7s I have added the changes can you please confirm it?

    1
    Quibble7s•130
    @Quibble7sPosted over 3 years ago

    @namankandol Yes, now it sizes correctly on any device!

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord