QR code component using CSS Display flex

Community feedback

• 

  Hassia Issah•50,390

  @Hassiai

  Posted over 2 years ago

  In the html replace <div class="container"> with the main tag , there is no need to give the image a div with a class in order to style and put all your text-content in one div:

  <main><img><div class=" text"></div></main> To center a content on a page declare the following in the body{ display: flex; align-items: center; justify-content: center; min-height: 100vh} Give the main a background-color and a padding value. For the colors use the color available in the styleguide.md found in the starter folder Give the image a max-width of 100%. Give .text a padding top and bottom value. Hope am helpful Happy Coding.

  11