intro-component-with-signup-form-master

Community feedback

• 

  Marcos Travaglini•6,230

  @Blackpachamame

  Posted over 1 year ago

  Greetings Tharaa! you have done a good job.

  To center the content in the center of the screen, you can apply the following to your CSS:

  body {
      width: 100%;
      min-height: 100vh;
      font-family: 'Poppins', sans-serif;
      Font-size: 16px;
      background-color: var(--Red);
      background-image: url(images/bg-intro-desktop.png);
      background-repeat: no-repeat;
      background-size: cover;
      color: white;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 20px;
  }
  
  main {
      display: flex;
      gap: 2rem;
      /* margin: 3.5rem auto; You don't need it anymore */
      width: 50rem;
  }
  
  footer {
      /* position: absolute; Here you decide if you still want to keep the footer down, although this will cause problems in the mobile version */
      /* width: 100%; */
      /* bottom: 0; */
  }
  

  01

  Marked as helpful