Responsive Huddle landing page with w/ reactjs

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Bashar, congratulations for your new solution!

  Your solutions is almost complete, you miss only two things:

  The hero section is too big, to make it have a proper size, use max-width to avoid the section growing too much.

  See the fixes for this here:

  .main {
      display: flex;
      max-width: 1110px;
      justify-content: space-between;
      margin-top: 5.5rem;
  }
  

  The background is not display 100% of the viewportheight, to make it take all the screen height, use background-size: cover. See the code fixes below:

  .wrapper {
      background-color: #674baf;
      background-image: url(/static/media/bg-desktop.6824779….svg);
      background-repeat: no-repeat;
      min-height: 100vh;
      padding: 2rem;
      background-size: cover;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Bashar Khdr•930

  @BasharKhdr1992Posted over 2 years ago

  @correlucas Thanks mate for your valuable comment

  1