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 layout challenge with JS - BMI Calculator

Douo 940

@Douoo

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


This was a tricky challenge both in terms of layout design and Javascript arrangement. I felt so tired to do this project and felt low on energy. I have to push and motivate myself to get this challenge done 😅. Anyways, even though this project was a noobie it took me a long time to complete it and...Oh my God, it's done 😮‍💨.

I wonder though 🤔, if there is a better and simpler way to set up the script for this challenge. I'm wondering if I took things a little too far for a little form like this one. If there is a way that you think I could optimize my code. Please do let me know, Thanks 😊

Community feedback

@sbarciela

Posted

Hi Duou, nice work! Testing your site i noticed some problems with the inputs values, maybe you can add some limitation for them, for example if a enter 50000 kg this breaks the design, the bmi increases too much its size.

Regards Sebastian

1

Douo 940

@Douoo

Posted

@sbarciela Thanks for the feedback! I see your point of view and I will update the solution accordingly.

1

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