Skip to content
Submitted almost 3 years ago

Challenge done with react , styles-component, grid, flex

react, styled-components, accessibility
Stalin•410
@StalinAM
A solution to the Blogr landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, this is my solution to this challenge but I have two problems and I was hoping you could help me.

1.- When I open a submenu and then open another one, the previous one doesn't close. 2.- I would like to close all the menus when I click on any part of the screen.

Thanks in advance!

Code

Please log in to post a comment

Log in

Community feedback

  • Travolgi 🍕•31,300
    @denielden

    Hi Stalin, congratulations on completing the challenge, great job! 😁

    To solve the problem you say with the menu u want to go see @christopher-adolphe advice in my solution of this challenge which helped me a lot.

    Some little tips for optimizing your code:

    • add transition on the element with hover effect
    • instead of using px use relative units of measurement like rem -> read here

    Hope this help! Happy coding 😉

    Marked as helpful

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