All comments

• 

  Vicky Gonzalez Bonorino• 10

  @vickygbonorino

  Submitted 9 months ago

  

  Responsive Qr code component

  #web-components#styled-components

  2

  70

  

  Alexandre Covolan• 310

  @covolan

  Posted 9 months ago

  Hey vickygbonorino 👋

  Nice work!

  Just one thing, the github pages on the solution is wrong. The correct one would be: https://vickygbonorino.github.io/qr-component/

  Congrats on your first challenge complete!🎉

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Mheyrie• 70

  @mheyrie

  Submitted 10 months ago

  I didn't get the solution 100%.

  I was having issues getting the white background. Kindly check out my code and let me know your feedback

  

  HTML, CSS

  1

  30

  

  Alexandre Covolan• 310

  @covolan

  Posted 10 months ago

  Hi Mheyrie 👋

  Regarding the background issue, one thing that you can do is move the background color to a body style and give the container div a background color of white.

  body {
      background-color: hsl(212, 45%, 89%);;
  }
  
  .container {
      background-color: white;
  }
  

  One way to center the content in this case would be to give the body a display of flex and justify and align the content to center, and give the body a height of 100vh

  body {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 100svh;
  }
  

  Marked as helpful

  0

  This comment has received 1 replyShow