Landing page using CSS Flexbox for desktop and phone display

Hi Rizqy,

Great work on this project! There are just some points I would like to share:

• You should remove overflow-y: hidden; on mobile view as you won't be able to scroll the page all the way down.
• Try to check the view of the page as you change from desktop to mobile view. There will be a point wherein the component is not seen well. So, try to change the width for your media query.
• Try to have a look at mobile-first approach when starting a project. With this approach, you start first with mobile view then desktop view. Have a look at this link if you are interested: mobile-first approach

I guess that is about it. I hope it helps :)

Hi congrats on completing your third FEM solution, you succeeded in similarity, some suggestions that would help you

• By giving width on illustration-Image, it causes a horizontal scrollbar at some viewports, use max-width instead
• Add max-width to a body or make a container class that wraps your all content, by adding it you can control your content from growing too much on larger viewports
• The logo should be in anchor a, logos are used to navigate on the home page in most the cases
• always have a look at the report, it helps you to overcome accessibility and HTML issues

Happy coding :)