QR-code component using css, position absolute, google fonts

Community feedback

• 

  imad•3,330

  @imadvvPosted about 2 years ago

  Greeting Jesse Adjomo!! Congratulations for completing your challenge!, 👏👏👏.

  I think it's mush easy to use either flex or grid to center every thing perfectly on the center, positions a letter bit tricky to get right.

  using grid for example you can do something like this:

  body {
  	
  	display: grid;
  	place-content: center;
  	min-height: 100vh;
  }
  
  
  .rectangle {
  
  	/* margin-top: 180px; */
  	}
  
  

  you start by giving min-height: 100vh; to the body, to fill screen size, and applying gird proprieties to it, or you can use flex, either one of them will give you similar result.

  and just remove that margin-top: 180px; from rectangle.

  overall, Hope this give you some hints, Happy codding, and have a good day/night

  Marked as helpful

  0

  ---

  

  Jesse Adjomo•130

  @Bahbah89Posted about 2 years ago

  @imadbg01 Thanks for the feedback. I've taken note of the grid / flex technique and will use it in the next future challenge :).

  0