QR code component using basic css

Community feedback

• 

  maym42•370

  @maym42Posted about 2 years ago

  You did a good job!😊😊😊

  But in order to make the right position (center the card in the screen), You have to use css grid (display:flex in the body) and not with position: absolute like you did in the container class. So your css should look like this:

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

  .container {
      width: min-content;
      border-radius: 10px;
      background-color: hsl(0, 0%, 100%);
      padding: 1em;
  }
  

  .p1 {
      font-size: 1.5em;
      font-weight: 700;
  }
  

  Hope I helped 😅

  Marked as helpful

  1

  ---

  

  payalpagaria•70

  @payalpagariaPosted about 2 years ago

  @maym42 hey thanks for the help, i would apply the changes..!!! i appriciate the feedback..

  0