Intro-section-with-dropdown-navigation

Community feedback

• 

  Chanda•800

  @Chanda-AbdulPosted over 2 years ago

  Great Solution!

  For the header section I conditionally rendered the content based on the screen size. I used an event listener/react hook to keep track of the current screen size. If the screen size is less than 600px I would display the Mobile Header, if the screen size is bigger than 600px I would display the Desktop Header. I did something similar with the images, switched from the mobile image to the desktop image at a specific breakpoint. But I will say that the main image does look a bit funky and the content looks a bit wonky near that breakpoint.

  For the arrows, I initially set them to ⬆️. OnClick they would switch to ⬇️ and the dropdown menu's would open.

  I hope that helps!

  1