Sign up and Success Page built with HTML, CSS and JS

Community feedback

• 

  Marcos Travaglini•6,210

  @Blackpachamame

  Posted over 1 year ago

  Good job AdeSanyaOlu! Your solution seems very correct to me.

  I have a couple of details to mention that may be useful to you:

  • You can add a short description to your image with the alt attribute, this helps the accessibility of the site
  • The <div class="attribution"> could be <footer class="attribution">
  • To center the content in the center of the screen, you can make these adjustments to your CSS:

  * {
      box-sizing: border-box;
      margin: 0; /* Remove default browser margins */
  }
  
  body {
      font-family: robotoRegular;
      background-color: hsl(234, 29%, 20%);
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      gap: 20px; /* Leave a space between the card and the footer */
  }
  
  .wholeBody {
      display: flex;
      background-color: hsl(0, 0%, 100%);
      justify-content: center;
      align-items: center;
      padding: 20px;
      border-radius: 10px;
      /* margin: 30px 0px 0px 0px;  You don't need this anymore */
  }
  

  11