![]() If you're not sure how to do this, have a read-through of this Try Git resource. Creating a repo will make it easier to share your code with the community if you need help. Initialize your project as a public repository on GitHub.Below is a suggested process, but do not feel like you need to follow these steps: ![]() Building your projectįeel free to use any workflow that you feel comfortable with. There is also a style-guide.md file containing the information you'll need, such as color palette and fonts. You will find all the required assets in the /images folder. If you would like the design files (we provide Sketch & Figma versions) to inspect the design in more detail, you can subscribe as a PRO member. Using JPGs will mean that you'll need to use your best judgment for styles such as font-size, padding and margin. You will find both a mobile and a desktop version of the design. Your task is to build out the project to the designs inside the /design folder. Want some support on the challenge? Join our Slack community and ask questions in the #help channel. Bonus: When a number changes, make the card flip from the middle.See a live countdown timer that ticks down every second (start the count at 14 days).See hover states for all interactive elements on the page. ![]() So if you've got something you'd like to practice, feel free to give it a go. You can use any tools you like to help you complete the challenge. Your challenge is to build out this countdown timer and get it looking as close to the design as possible. To do this challenge, you need a good understanding of HTML, CSS and JavaScript. Thanks for checking out this front-end coding challenge.įrontend Mentor challenges help you improve your coding skills by building realistic projects.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |