Flexbox - Landing-page

Hi well done for this challenge.

First thing I give you this link that you can check out your HTML. 3WC Validator.

Try to have your website like this

<header>
<main>
<footer>

You have div and section out of the main. You can wrap them inside. MDN

Look at this part, it' a mess you can't do that

<section class="user-wrapper">
  <img src="./images/bg-section-top-desktop-2.svg" alt="top" class="top">
  <section class="users">
    <div class="contents">
      <h2>Your Users</h2>
      <p> It takes no time at all to integrate Huddle with your app's authentication solution. This means,
        once signed in to your app, your users can start chatting immediately.</p>
    </div>
    <img src="./images/illustration-your-users.svg" alt="users">
  </section>
  <img src="./images/bg-section-bottom-desktop-2.svg" alt="bottom" class="bottom">
</section>

Try to have a section like that

          <section class="item your-users">
            <img class="item-image" src="./images/illustration-your-users.svg" alt="">

            <div class="desktop-item-text">
              <h3 class="title item-title">Your Users</h3>
              <p class="section-text">
                It takes no time at all to integrate Huddle with your app's authentication solution. 
                This means, once signed in to your app, your users can start chatting immediately.
              </p>
            </div>
          </section>

Last thing, You should use em or rem instead of px.freecodecamp.

Hope to be helpful.