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

cocotiwak 120

@cocotiwak

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


javascript part are the hardest part. Still need lot of to learn... :)

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

Hello @cocotiwak!

Your project looks great!

I noticed that you used padding with percentage values to place the card in the middle of the page.

Here's a very efficient way to center the card:

  • You can apply this to the body (in order to work properly, you can't use position or margins):
body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

I saw your code and noticed that you used a framework. I'm not sure if it's bootstrap because I'm not familiar with it. Anyway, it doesn't matter because you can have this same result using the framework code that corresponds to the CSS code above.

I hope it helps!

Other than that, great job!

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