qr code component with html and css

Community feedback

• 

  Lidia Krajewska•390

  @lidiakrajewskaPosted over 2 years ago

  Hi! In terms of centralizing the box I think the easiest way is to give the parent element (in your case main):

  main {
  display: flex;
  justify-content: center;
  align-items: center;
  }
  

  Marked as helpful

  1

  ---

  

  Fabrício Lima•80

  @IFafaaPosted over 2 years ago

  @lidiakrajewska hii :D, thank uu!! i'll try!

  1

  

  Fabrício Lima•80

  @IFafaaPosted over 2 years ago

  hii @lidiakrajewska I tried, but the align-items not is working:/

  0

  

  Lidia Krajewska•390

  @lidiakrajewskaPosted over 2 years ago

  @IFafaa If you change height to 100vh it will work. You can then delete position, top and margin-top from #general_box styles :)

  And to use semantic HTML you can change the p tag in div text_title to h1. It should solve the accessibility issue.

  Marked as helpful

  0

  

  Fabrício Lima•80

  @IFafaaPosted over 2 years ago

  @lidiakrajewska thank u, i achieved!!! i'll make this alterations!

  1