Skip to content
Submitted 10 months ago

Responsive BMI Calculator (HTML, CSS, Javascript)

accessibility, bem
P
vcollins1•430
@vcollins1
A solution to the Body Mass Index calculator challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Finishing the challenge.

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

Ran into some issues using grid but got through it with trail and error.

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

Any feedback would be helpful.

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Srijan Manandhar•450
    @srijanss
    • Solution includes semantic HTML, however it would be meaningful to add main heading and form component in main element instead of header landmark
    • solution is accessible using keyboard, but it moves focus to result element and some other element on the page as well which can be bit confusing
    • Layout looks good on all the screen sizes
    • code is well-structured, readable and reusable
    • solution differs a bit from design, some styles for headings are different, and on page load welcome message should be shown instead of the bmi result information
    • really nice solution , keep up the good work

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