QR Code Component Solution

Community feedback

• 

  hitmorecode•6,620

  @hitmorecodePosted over 1 year ago

  Congratulations well done.

  body{
  background-color: hsl(212, 45%, 89%);
  display: flex;
  flex-direction: column;
  align-items: center;  
  /* add these two lines to place the card in the middle of the page*/
  min-height: 100vh; 
  justify-content: center; 
  }
  
  .container{
  background-color: hsl(0, 0%, 100%);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  /*     margin-top: 100px; */ /* remove this line. the two lines added on the body will do the same thing and that is better for responsiveness */
  margin-bottom: 20px;
  padding: 20px;
  width: 350px;
  height: 520px;
  box-shadow: 0 2px 15px rgba(0,0,0,.1);
  }
  

  Marked as helpful

  0

  ---

  

  ekahanny•70

  @ekahannyPosted over 1 year ago

  @hitmorecode thank you so much for your feedback! ^^

  0