New age cool registration page

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Akash Nandi, congratulations for your new solution!

  I've some tips for your to fix the background that is not scaling properly:

  Replace the background in the body instead of the container to have it display full width:

  body {
      background: url(./images/bg-desktop.svg) no-repeat center left/ cover;
      min-height: 100vh;
      background-color: hsl(257, 40%, 49%);
      color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Poppins', sans-serif;
  }
  

  Here's is the properties you've to remove to have the proper alignment:

  @media screen and (min-width: 1280px)
  .container {
      /* min-width: 90vw; */
      /* max-width: 1440px; */
      /* background: url(./images/bg-desktop.svg) no-repeat center left/ cover; */
      display: flex;
      /* border: 1px solid black; */
      /* margin-inline: 1rem; */
      text-align: left;
  }
  .container {
      /* max-width: 375px; */
      /* margin-top: 10vh; */
      padding: 2rem;
      /* background: url(./images/bg-mobile.svg) no-repeat top center/ contain; */
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0

  ---

  

  Akash Nandi•160

  @nandi1514Posted over 2 years ago

  @correlucas Thankyou (T-T). You are a GOD.

  1