Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 8 months ago

Body Mass Calculator | HTML 🏛️, CSS🎨 , JavaScript 👷

Em3ka•320
@Em3ka
A solution to the Body Mass Index calculator challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I think reinforcement 🧠, if anything else, was the highlight of this project given how rarely people create or use Grid wrappers to lay out their entire components.

  • PROS: No overengineering. It just works.
  • CONS: Takes time to initially set up.
What challenges did you encounter, and how did you overcome them?

In the Figma design 🗃️, I knew the background image spanned a given set of columns. Getting that spot on was, I think, the highlight of this project given how people have approached their solutions to this challenge. Also, any excuse to use Grid is a welcomed development. 😏

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

Any feedback would be great. 📑

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Em3ka'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License