qr_code_card using css flex and html

Community feedback

• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  To .container on the page, align-items: center: justify-content: center; instead of giving .container position: absolute and its properties. there is no need to give the body flex-direction: column;

  Give .container a padding value instead of giving img margin values for the space between the img and .container. give .container height: auto or remove the height value. change the width to max-width:300px

  Give img a max-width of 100% for a more responsive image. there is no need to give the img display: flex; and a height value.

  Give .txt-box a padding value for all the sides. instead of padding top and bottom value.

  Hope am helpful. Well done for completing this challenge. Happy coding

  Marked as helpful

  0

  ---

  

  Kirill Shishkin•170

  @ShishKirillPosted almost 2 years ago

  @Hassiai thanks a lot, was waiting for this kind of feedback for a while:)

  0