Quote Generator App w/ Load Screen

Community feedback

• 

  Amal Karim ✅•1,290

  @amalkarimPosted about 2 years ago

  Hi Sean 👋

  Do you want to hide the loading container so it doesn't take up space below the main content? If that's your question, I think I have a solution for that.

  There are a couple of approach to solve this. This is how I handle it. The problem lies in this style:

  .loader-container {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  

  Remove all of those styles from .loader-container, and replace them with style below:

  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  

  Please let me know if this works or not. Happy coding!

  Marked as helpful

  1

  ---

  

  Sean Gray•690

  @seangray-devPosted about 2 years ago

  @amalkarim My friend thank you it worked! 👍😁

  0