Design comparison
Solution retrospective
Hi Coders:
I developed this chalenge in React using components and CSS for the styles. It was so useful to understand the HTML elements as section, articles, nav/ul/li and button.
Also, it was very useful to understand Flexbox to organize the different components of the User Interface and the use of media queries to switch between desktop and mobile versions.
It was so useful to learn about the library of Jonathan Suh, https://jonsuh.com/hamburgers/ highly recomended to generate hamburguers menu.
Regarding the functionality of this challenge in react, I used four components: "Master"as main component and "Head", "Principal" and "Footer" as secundary components to have a code more organized. An usestate "isactive" to control the hamburguer menú. With the value of these parameters I used conditional rendering to show the elements and show and hide the hamburguer menú.
Feedback are welcome
Best Regards
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