Frontend Mentor - Launch countdown timer solution

A challenge from frontendmentor.io

Overview

Links

• Live Site
• Solution

The challenge

Users should be able to:

• View the optimal layout for the site depending on their device's screen size
• See hover states for all interactive elements on the page
• Create the background shape using code

My process

Built with

• HTML
• CSS
• Vanilla Javascript

What I learned

Frontendmentor really teach me a lot. On every challenge, there are always something new to learn. I got some difficulities while doing this challenge to make the flip animation. Luckily, I found a youtube videos that shows me the concept behind it. And I learn a lot, at first it was really hard, but at the end, I can understand what is going on.

Useful Resources

1. Figma - Paste your project design mockups to check the size, colors, etc.
2. flip clock animation tutorial by FrontEndFunn - Helps me alot for making flip animation

Acknowledgments

Thank you very much to everyone who gave me feedback on my solution. It greatly assists me in improving my frontend development skills.