Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Age Calculator App - ReactJs/Styled-Components/Framer-Motion

P

@lorenzoaniel

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Trying to learn best practices. Feel free to be brutal I need all the tips and tricks I can learn.

Community feedback

@Princess-jas

Posted

I don't know how to start with the challenge

0

P

@lorenzoaniel

Posted

@Princess-jas sorry for the late reply. To start any challenge make sure to find the challenge you want to attempt and navigate to it by clicking on the image or challenge title. After which you can start with the starter files provided, there should be a popup that walks you through the steps including getting the design files. I myself have just started using this platform but if you ever need help front end mentor has a slack channel you can join. Just scroll all the way to the bottom of the site and there should be a banner that lets you receive a slack invite (slack is like discord, or a forum with the capabilities of voice chat and messaging). you can either access slack on the browser or download the app. the slack channel will be your go to for any help you might have with any thing related to this platform, unfortunately while i would love to always help i am probably in a different time zone from you. good luck.

0

@Princess-jas

Posted

thank you@lorenzoaniel

0
Gaurav 20

@NuubDeveloper

Posted

bro why all input fields are already showing error, and app is not in center.

0

P

@lorenzoaniel

Posted

@NuubDeveloper Okay ive updated now initial renders dont show errors until user starts typing a value. The center issue i believe is because the design specified 171px spacing between app body and viewport-top so i added that as a margin, other wise i have it set to: justify-content: center; align-items: center;

let me know if you find anything else.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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