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

Responsive BMI Calculator (HTML, CSS, Javascript)

P
vcollins1 410

@vcollins1

Desktop design screenshot for the Body Mass Index calculator coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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.

Community feedback

P

@srijanss

Posted

  • 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
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