Responsive BMI calculator using CSS flexbox and Grid with React
Design comparison
Solution retrospective
1- Completing the BMI challenge on Frontend Mentor was a valuable learning experience that enhanced my skills in:
2- Dynamic Component Rendering: I successfully implemented dynamic rendering based on radio button selections.
3- Responsive Design: This challenge improved my ability to create responsive layouts for different screen sizes.
Layout Optimization: The limitations section challenged me to optimize layouts creatively.
One difficulty I encountered was handling the limitations section, where I had to render the component differently for various screen sizes. While my approach worked, I acknowledge that there may be more efficient solutions. I'm committed to refining my techniques for future projects, aiming for elegance and efficiency.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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