Intro Component With Sign-up Form using HTML, CSS, and JavaScript

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @kayegalon,

  Congrats on completing the challenge

  To center the content on the page, you can replace your body rule with the following one.

  body {
      margin: 0;
      font-size: 16px;
      font-family: 'Poppins', sans-serif;
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      overflow: hidden;
      background-image: url("bg-intro-desktop.png");
      background-repeat: no-repeat;
      background-color: hsl(var(--colors-primary-red));
  }
  

  and them wrap the title and form div inside a main tag and set a max-width: 1440px this will also fix the issue in the report above I think.

  hope this is helpful.

  0