Skip to content
Submitted 4 months ago

css, javaScript

maziarjaā€¢290
@maziarja
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Age calculator app
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

this is second version of mu solution for this app , because I wanted to use MVC architect in javaScript and consider leaps years in my code but I did not spend time to fix queries for mobile-view

What challenges did you encounter, and how did you overcome them?

css queries , I did not fix it for this project because my goal was to improve javaScript for this project .

What specific areas of your project would you like help with?

first I really appreciate if someone has comment about my code in javaScript , and then I need help to improve queries in css for different resolutions .

Community feedback

  • Daniel šŸ›øā€¢44,250
    @danielmrz-devPosted 4 months ago

    Hey there! šŸ™‹šŸ½ā€ā™‚ļø

    Congrats on completing the challenge! āœ…

    Your project looks fantastic!

    Here's a tip to make it even better:

    Using margin and/or padding isn't always the best way to center an element. Try this super efficient method to center an element vertically and horizontally:

    šŸ“Œ Apply this CSS to the body (skip position or margins to make it work correctly):

    body {
    min-height: 100vh;
    display: flex; 
    justify-content: center;
    align-items: center;
}

    Hope this helps!

    Keep up the great work!

    Marked as helpful
    1
    maziarjaā€¢290
    @maziarjaPosted 4 months ago

    Thank you @danielmrz-dev

    1

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