QR Code Component Challenge

Community feedback

• 

  Carey Fynface•40

  @IamdoncareyPosted about 1 month ago

  The design is well placed just that it is not centered at the center of the page

  Marked as helpful

  0
• 

  Adriano•38,310

  @AdrianoEscarabotePosted about 1 month ago

  Hi Ramkumar B N, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

  I noticed that your component is not centralized to solve this problem we can do the following:

  body {
      background-color: hsl(212, 45%, 89%);
      text-align: center;
      font-family: "Outfit", sans-serif;
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 100vh;
  }
  

  and

  .card {
      max-width: 300px;
      /* height: 40%; */
      background-color: hsl(0, 0%, 100%);
      /* margin: auto; */
      border-radius: 5%;
      padding: 1%;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  

  The rest is fantastic.

  Hopefully, you'll find it helpful. 👍

  0