All solutions

Jquery for hamburger and dropdown menu and css for layout for desktop and flex for mobile view

I used slideUp()/slideDown() to show the hidden faq, but its not as smooth as it seems.

Let me know how you did it.

Thank you

any comments are welcomed. thank you

this is without any Http request simply using display: none to hide the targeted section. Im not familiar with backend setup yet, maybe someone can point me at the right direction. thank you

Any comments are welcomed. thanks

Any comments is welcomed. thanks

working with image is particular difficult for me, I had issue when I reduce the screen size, the image in the container shrink up to a point it disappear.

Another issue I'm having although I use flexbox properties of flex: 1 in the flex items the two containers which is the flex items still shrink and I'm not sure why.

thanks in advanced for any comments provided.

thanks

I have done most of the job but I'm not sure how to make the left block and right block stitch together as if the left block is on top of the right block to cover the border radius. I tried z-index and position set to absolute for the right block but couldn't make them align perfectly in the middle of the screen and equal size for the two blocks.

In mobile mode, basically the same issue, and not sure why there is a white space at the top of the screen in mobile mode, I made sure to have the margin set to zero.

Much appreciated if anyone can provide some comments. thanks!

Is there anything I can improve on structuring the code?