Html, CSS, Javascript

great work kiran, just a small issue on the viewports, as the screen reduces, the view port jumps straight to the smallest screen. In other words it doesn't accommodate all screens.

Hi! congrats on completing the challenge, layout on the desktop looks great but it breaks on around 938px by intro image overlaps the intro text

• Instead of using divs for structuring pages you should need to add some semantic markers to designate sections of the page as the header, navigation, main, and footer because using divs are played out.

<header>
</header>
<main>
     <section></section>
  </main>
  <footer>
</footer>

For more info you can refer to this

• Add box-sizing: border-box, it is great practice and saves you from unexpected outputs Css tricks leads you to best practice of using it
• Logo image should be wrap in an anchor tag because the logo is used to navigate to the home page so it should be a link
• The how we work and view plans should be a link, In my opinion, use a tag and not a button. Use the button if it will act as a control for something. But on this, it is treated as a link, go for a tag.
• Navigation list should need to be in nav
• For class naming I recommend you to try BEM naming convention it is best practice to name classes
• Don't forget to take look at the report, it helps a lot to overcome accessibility issues

Apart form this, great work :)