Skip to content
Submitted over 2 years ago

Responsive Age calculator app using Semantic HTML5, CSS and JavaScript

accessibility, animation, sass/scss, jss
Augustine Asare•120
@AustinKing5
A solution to the Age calculator app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I structured my website using semantic html5 markup. styling was done using css and its custom properties such as flexbox and css grid to position some of the elements. This project was to test my ability to implement javascript in a real project situation, hence did not implement any JS library.

Built with

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Vanilla JavaScript
  • Desktop-first workflow

Question:

  • What are some of the best practises in using functions?
  • I wrote my project without any JS library.
  • What is the best JS library to learn first?
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Augustine Asare's solution.

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